diff --git a/lib/music_library_web/live/collection_live/index.ex b/lib/music_library_web/live/collection_live/index.ex
index 222ed438..02b1a640 100644
--- a/lib/music_library_web/live/collection_live/index.ex
+++ b/lib/music_library_web/live/collection_live/index.ex
@@ -38,7 +38,7 @@ defmodule MusicLibraryWeb.CollectionLive.Index do
               patch={~p"/collection/import"}
             >
               <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
-              {gettext("Add")}
+              <span class="sr-only sm:not-sr-only">{gettext("Add")}</span>
             </.button>
             <.button
               variant="solid"
@@ -46,7 +46,7 @@ defmodule MusicLibraryWeb.CollectionLive.Index do
               patch={~p"/collection/scan"}
             >
               <.barcode_icon class="icon fill-current" />
-              {gettext("Scan")}
+              <span class="sr-only sm:not-sr-only">{gettext("Scan")}</span>
             </.button>
             <.button
               variant="solid"
@@ -59,8 +59,10 @@ defmodule MusicLibraryWeb.CollectionLive.Index do
                 aria-hidden="true"
                 data-slot="icon"
               />
-              {gettext("Chat")}
-              <span :if={@chat_count > 0} class="text-xs font-medium">{@chat_count}</span>
+              <span class="sr-only sm:not-sr-only">{gettext("Chat")}</span>
+              <span :if={@chat_count > 0} class="sr-only sm:not-sr-only text-xs font-medium">
+                {@chat_count}
+              </span>
             </.button>
           </.button_group>
         </div>
diff --git a/lib/music_library_web/live/wishlist_live/index.ex b/lib/music_library_web/live/wishlist_live/index.ex
index 340c7a7f..7ba965a2 100644
--- a/lib/music_library_web/live/wishlist_live/index.ex
+++ b/lib/music_library_web/live/wishlist_live/index.ex
@@ -34,7 +34,7 @@ defmodule MusicLibraryWeb.WishlistLive.Index do
             patch={~p"/wishlist/import"}
           >
             <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
-            {gettext("Add")}
+            <span class="sr-only sm:not-sr-only">{gettext("Add")}</span>
           </.button>
         </div>
       </header>