diff --git a/app/views/cards/container/footer/_published.html.erb b/app/views/cards/container/footer/_published.html.erb
index ec2fe6527..72d01fdbf 100644
--- a/app/views/cards/container/footer/_published.html.erb
+++ b/app/views/cards/container/footer/_published.html.erb
@@ -1,7 +1,15 @@
 <%# FIXME: Let's move this aside outside of the card container section so these frames don't reload/flicker when card is replaced %>
 <div class="card-perma__actions card-perma__actions--right">
-  <%= turbo_frame_tag card, :watch, src: card_watch_path(card), target: "_top", refresh: :morph %>
-  <%= turbo_frame_tag card, :pin, src: card_pin_path(card), refresh: :morph %>
+  <%= turbo_frame_tag card, :watch, src: card_watch_path(card), target: "_top", refresh: :morph do %>
+    <%= button_to card_watch_path(card), class: "btn", data: { controller: "tooltip" } do %>
+      <%= icon_tag "bell-off" %> <span class="for-screen-reader">Watch this</span>
+    <% end %>
+  <% end %>
+  <%= turbo_frame_tag card, :pin, src: card_pin_path(card), refresh: :morph do %>
+    <%= button_to card_pin_path(card), class: "btn", data: { controller: "tooltip" } do %>
+      <%= icon_tag "unpinned" %> <span class="for-screen-reader">Pin this card</span>
+    <% end %>
+  <% end %>
 </div>
 
 <%= render "cards/container/closure", card: card %>