diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css
index f8a1fdd53..b6ad0392f 100644
--- a/app/assets/stylesheets/bubbles.css
+++ b/app/assets/stylesheets/bubbles.css
@@ -90,9 +90,11 @@
     padding: 0;
     place-items: center;
 
-    a {
-      margin: auto;
-      text-decoration: none;
+    .btn {
+      --btn-color: var(--bubble-color);
+
+      appearance: none;
+      font-weight: 800;
     }
 
     .windshield .bubble:hover & {
diff --git a/app/views/boosts/_boosts.html.erb b/app/views/boosts/_boosts.html.erb
index 18002daf7..f3ea7092a 100644
--- a/app/views/boosts/_boosts.html.erb
+++ b/app/views/boosts/_boosts.html.erb
@@ -1,3 +1,6 @@
-<%= button_to project_bubble_boosts_path(bubble.project, bubble), data: { action: "toggle-class#toggle" } do %>
+<%= button_to project_bubble_boosts_path(bubble.project, bubble),
+    class: "btn btn--plain",
+    data: { action: "toggle-class#toggle" },
+    form_class: "full-width" do %>
   + <%= bubble.boosts.size if bubble.boosts.any? %>
 <% end %>