diff --git a/lib/music_library_web/live/collection_live/index.html.heex b/lib/music_library_web/live/collection_live/index.html.heex
index 937b2fbc..55681ad3 100644
--- a/lib/music_library_web/live/collection_live/index.html.heex
+++ b/lib/music_library_web/live/collection_live/index.html.heex
@@ -68,7 +68,9 @@
             aria-hidden="true"
             data-slot="icon"
           />
-          {gettext("Grid")}
+          <span class="hidden sm:inline">
+            {gettext("Grid")}
+          </span>
         </.button>
         <.button
           phx-click="set_display"
@@ -79,7 +81,9 @@
           ]}
         >
           <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
-          {gettext("List")}
+          <span class="hidden sm:inline">
+            {gettext("List")}
+          </span>
         </.button>
       </.button_group>
     </div>
diff --git a/lib/music_library_web/live/wishlist_live/index.html.heex b/lib/music_library_web/live/wishlist_live/index.html.heex
index d30cd133..8890eff7 100644
--- a/lib/music_library_web/live/wishlist_live/index.html.heex
+++ b/lib/music_library_web/live/wishlist_live/index.html.heex
@@ -55,7 +55,9 @@
             aria-hidden="true"
             data-slot="icon"
           />
-          {gettext("Grid")}
+          <span class="hidden sm:inline">
+            {gettext("Grid")}
+          </span>
         </.button>
         <.button
           phx-click="set_display"
@@ -66,7 +68,9 @@
           ]}
         >
           <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
-          {gettext("List")}
+          <span class="hidden sm:inline">
+            {gettext("List")}
+          </span>
         </.button>
       </.button_group>
     </div>