diff --git a/src/invidious/views/layout.ecr b/src/invidious/views/layout.ecr
index b8b7629d..d87dc813 100644
--- a/src/invidious/views/layout.ecr
+++ b/src/invidious/views/layout.ecr
@@ -18,8 +18,8 @@
 
 <body>
   <div class="pure-g">
-    <div class="pure-u-1 pure-u-md-1-5"></div>
-    <div class="pure-u-1 pure-u-md-3-5">
+    <div class="pure-u-1 pure-u-md-4-24"></div>
+    <div class="pure-u-1 pure-u-md-16-24">
       <div class="pure-g navbar h-box">
         <div class="pure-u-1 pure-u-md-4-24">
           <a href="/" class="index-link pure-menu-heading">Invidious</a>
@@ -64,7 +64,7 @@
           href="https://github.com/omarroth/invidious">here</a>.
       </div>
     </div>
-    <div class="pure-u-1 pure-u-md-1-5"></div>
+    <div class="pure-u-1 pure-u-md-4-24"></div>
   </div>
 </body>
 
