diff --git a/site/src/components/awesome-header.html b/site/src/components/awesome-header.html
index 371a2ee..08452c2 100644
--- a/site/src/components/awesome-header.html
+++ b/site/src/components/awesome-header.html
@@ -16,7 +16,7 @@
     }
   }
 
-  @media only screen and (max-device-width: 376px) {
+  @media only screen and (max-device-width: 400px) {
     .my-header {
       & h1 {
         font-size: 1.5em;
diff --git a/site/src/components/call-to-action.html b/site/src/components/call-to-action.html
index 6389e5d..219972d 100644
--- a/site/src/components/call-to-action.html
+++ b/site/src/components/call-to-action.html
@@ -29,7 +29,7 @@
   }
 }
 
-@media only screen and (max-device-width: 376px) {
+@media only screen and (max-device-width: 400px) {
   .call-to-action {
     flex-direction: column;
     & a {