diff --git a/docs/website/assets/css/main.css b/docs/website/assets/css/main.css
index 9265ce56e..604d8bff2 100644
--- a/docs/website/assets/css/main.css
+++ b/docs/website/assets/css/main.css
@@ -51,7 +51,7 @@ pre[class*='language-'] {
 }
 
 .article-content {
-  @apply max-w-3xl pt-4 pb-4 pl-6 pr-6 mx-auto;
+  @apply max-w-3xl pt-1 pb-4 pl-6 pr-6 mx-auto;
 }
 
 h1,
diff --git a/docs/website/components/Sidebar.vue b/docs/website/components/Sidebar.vue
index 097c6bb85..b62ee94bc 100644
--- a/docs/website/components/Sidebar.vue
+++ b/docs/website/components/Sidebar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="sidenav pt-4 pb-4">
-    <ul>
+    <ul class="mt-8">
       <li
         v-for="entry in $store.state.sidebar.menu"
         :key="entry.title"
diff --git a/docs/website/pages/docs/_.vue b/docs/website/pages/docs/_.vue
index 305d6cfa9..63f8daed2 100644
--- a/docs/website/pages/docs/_.vue
+++ b/docs/website/pages/docs/_.vue
@@ -8,10 +8,10 @@
         <DocumentationDropdown></DocumentationDropdown>
       </div>
       <div class="md:flex flex-wrap">
-        <div class="md:w-1/4 mt-6">
+        <div class="md:w-1/4 mt-1">
           <Sidebar></Sidebar>
         </div>
-        <div class="md:w-3/4 mt-6">
+        <div class="md:w-3/4 mt-1">
           <Content></Content>
         </div>
       </div>