diff --git a/lib/music_library_web/live/record_set_live/index.html.heex b/lib/music_library_web/live/record_set_live/index.html.heex
index c730b83f..a8a1f9ed 100644
--- a/lib/music_library_web/live/record_set_live/index.html.heex
+++ b/lib/music_library_web/live/record_set_live/index.html.heex
@@ -40,11 +40,11 @@
       >
         <div class="flex items-baseline justify-between mb-3">
           <div class="grow">
-            <header class="flex items-baseline justify-start">
+            <header class="sm:flex items-baseline justify-start">
               <h2 class="text-lg font-semibold text-zinc-900 dark:text-zinc-100">
                 {record_set.name}
               </h2>
-              <span class="ml-2 text-xs text-zinc-500 dark:text-zinc-400">
+              <span class="sm:ml-2 text-xs text-zinc-500 dark:text-zinc-400">
                 {gettext("%{collected}/%{total} records", RecordSet.count_by_status(record_set))}
               </span>
             </header>