diff --git a/layouts/_partials/header.ejs b/layouts/_partials/header.ejs
index f2422a7a..9abb5589 100644
--- a/layouts/_partials/header.ejs
+++ b/layouts/_partials/header.ejs
@@ -2,7 +2,7 @@
    class="block md:hidden bg-green p-2 text-center no-underline text-white">
     Announcing 1.0
 </a>
-<div id="app" class="bg-blue-dark md:border-t-8 border-green">
+<div id="app" class="bg-blue-dark md:border-t-8 border-green <%= typeof css_classes !== 'undefined' ? css_classes : '' %>">
     <div class="container flex items-center flex-wrap px-4 md:px-0 mx-auto">
         <div class="flex-1 flex items-center">
             <a href="<%= meta.home(current) %>">
diff --git a/layouts/default.ejs b/layouts/default.ejs
index a8ae321e..d47a72b4 100644
--- a/layouts/default.ejs
+++ b/layouts/default.ejs
@@ -8,7 +8,7 @@
 
 <div class="font-sans leading-normal" :class="{'max-h-screen': modalVisible, 'overflow-hidden': modalVisible}">
     <!--<QuickStart />-->
-    <%- include('_partials/header') %>
+    <%- include('_partials/header', {css_classes: 'md:fixed md:w-full'}) %>
 
     <div class="md:bg-docs-gradient min-h-screen">
         <div class="container mx-auto flex">
diff --git a/static/styles.css b/static/styles.css
index 994a734e..d38ebb20 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -8561,6 +8561,7 @@ button,
 
   .md\:bg-docs-gradient {
     background: linear-gradient(90deg, #f1f5f8 50%, #fff 50%);
+    padding-top: 72px;
   }
 }