diff --git a/src/components/homepage/HeroBanner.astro b/src/components/homepage/HeroBanner.astro
index b180724..ff40764 100644
--- a/src/components/homepage/HeroBanner.astro
+++ b/src/components/homepage/HeroBanner.astro
@@ -18,11 +18,11 @@ import Audacity_Logo from "../../assets/img/Audacity_Logo.png";
 
     <div class="flex flex-col items-center justify-center space-y-8">
       <PrimaryDownloadButton client:only />
-      <div class="flex flex-col md:flex-row md:divide-x md:gap-x-4">
+      <div class="flex flex-col sm:flex-row sm:divide-x sm:gap-x-4">
         <p class="text-gray-600">Latest version 3.2.4</p><a
           href="https://github.com/audacity/audacity/releases/tag/Audacity-3.2.4"
           target="_blank"
-          class="text-gray-600 md:pl-4 underline">Read release notes</a
+          class="text-gray-600 sm:pl-4 underline">Read release notes</a
         >
       </div>
     </div>