diff --git a/app/views/_tailwind/applications/_application.html.erb b/app/views/_tailwind/applications/_application.html.erb
index fdf142140..5656eef9e 100644
--- a/app/views/_tailwind/applications/_application.html.erb
+++ b/app/views/_tailwind/applications/_application.html.erb
@@ -21,9 +21,16 @@
         <% end %>
       </p>
     </div>
-    <%# TODO: Style comments count as per the design %>
+    <%# TODO: Make speech bubble the correct size %>
+    <%# TODO: Make it the right width at different numbers %>
+    <%# TODO: Make the triangle at the bottom on the left here %>
     <% if application.visible_comments_count.positive? %>
-      <p class="text-2xl text-navy"><%= pluralize(application.visible_comments_count, "comment") %></p>
+      <div class="text-2xl text-navy">
+        <%= render Tailwind::SpeechBubbleComponent.new do %>
+          <%= application.visible_comments_count %>
+        <% end %>
+        <%= application.visible_comments_count == 1 ? "comment" : "comments" %>
+      </div>
     <% end %>
   </article>
 <% end %>