diff --git a/apps/website/src/components/DownloadButton.css b/apps/website/src/components/DownloadButton.css
index ed3dbe401..c67f84b04 100644
--- a/apps/website/src/components/DownloadButton.css
+++ b/apps/website/src/components/DownloadButton.css
@@ -5,7 +5,7 @@
     border-radius: 6px;
     color: white;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-    display: inline-block;
+    display: none;
 }
 
 .download-button .platform {
@@ -16,4 +16,10 @@
 .download-button.big {
     padding: 1em 2em;
     margin: 1em 0;
+}
+
+@media (min-width: 720px) {
+    .download-button {
+        display: inline-block;
+    }
 }
\ No newline at end of file
diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx
index 221408814..f01b4f15c 100644
--- a/apps/website/src/pages/Home/index.tsx
+++ b/apps/website/src/pages/Home/index.tsx
@@ -25,7 +25,7 @@ function HeroSection() {
 
                 <div className="download-wrapper">
                     <DownloadButton big />
-                    <a class="more-download-options" href="./download">see all download options</a>
+                    <a class="more-download-options" href="./download">See all download options</a>
                 </div>
             </div>