diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 98cfc1a..37b68d4 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -34,9 +34,14 @@
   }
 
   @media only screen and (max-device-width: 900px) and (orientation: portrait) {
+    .hero {
+      margin-top: 1em;
+      margin-bottom: 1em;
+    }
+
     .hero .container {
       grid-template-columns: auto;
-      grid-template-rows: 400px auto;
+      grid-template-rows: 200px auto;
     }
   }
 </style>