diff --git a/templates/partials/aside.html b/templates/partials/aside.html
index 75d7b92..e0cecf0 100644
--- a/templates/partials/aside.html
+++ b/templates/partials/aside.html
@@ -1,37 +1,39 @@
-<aside id="menu">
-  <h2>Components</h2>
-  <nav>
-    <ul>
-      <li><a href="#GridSystem">Grid System</a></li>
-      <li><a href="#Navigation">Navigation</a></li>
-      <li><a href="#NavigationList">Navigation List</a></li>
-      <li><a href="#Lists">Lists</a></li>
-      <li><a href="#Typography">Typography</a></li>
-      <li><a href="#Tables">Tables</a></li>
-      <li>
-        <a href="#SpecialElements">Special Elements</a>
-        <ul>
-          <li><a href="#Blockquote">Blockquote</a></li>
-          <li><a href="#Misc">Misc</a></li>
-        </ul>
-      </li>
-      <li><a href="#Forms">Forms</a></li>
-      <li><a href="#Progress">Progress Bar</a></li>
-      <li><a href="#Buttons">Buttons</a></li>
-      <li><a href="#Cards">Cards</a></li>
-      <li><a href="#Timeline">Timeline</a></li>
-      <li><a href="#Alerts">Alerts</a></li>
-      <li><a href="#Media">Media</a></li>
-      <li><a href="#Figure">Image with caption</a></li>
-      <li><a href="#highlightjs">Supports Highlight.js</a></li>
-    </ul>
-  </nav>
+<div>
+  <aside id="menu">
+    <h2>Components</h2>
+    <nav>
+      <ul>
+        <li><a href="#GridSystem">Grid System</a></li>
+        <li><a href="#Navigation">Navigation</a></li>
+        <li><a href="#NavigationList">Navigation List</a></li>
+        <li><a href="#Lists">Lists</a></li>
+        <li><a href="#Typography">Typography</a></li>
+        <li><a href="#Tables">Tables</a></li>
+        <li>
+          <a href="#SpecialElements">Special Elements</a>
+          <ul>
+            <li><a href="#Blockquote">Blockquote</a></li>
+            <li><a href="#Misc">Misc</a></li>
+          </ul>
+        </li>
+        <li><a href="#Forms">Forms</a></li>
+        <li><a href="#Progress">Progress Bar</a></li>
+        <li><a href="#Buttons">Buttons</a></li>
+        <li><a href="#Cards">Cards</a></li>
+        <li><a href="#Timeline">Timeline</a></li>
+        <li><a href="#Alerts">Alerts</a></li>
+        <li><a href="#Media">Media</a></li>
+        <li><a href="#Figure">Image with caption</a></li>
+        <li><a href="#highlightjs">Supports Highlight.js</a></li>
+      </ul>
+    </nav>
 
-  <h2>Documentation</h2>
-  <nav>
-    <ul>
-      <li><a href="#DocVariables">Variables</a></li>
-      <li><a href="#DocTypography">Typography</a></li>
-    </ul>
-  </nav>
-</aside>
+    <h2>Documentation</h2>
+    <nav>
+      <ul>
+        <li><a href="#DocVariables">Variables</a></li>
+        <li><a href="#DocTypography">Typography</a></li>
+      </ul>
+    </nav>
+  </aside>
+</div>
diff --git a/templates/partials/head.html b/templates/partials/head.html
index c4009a4..ce50af7 100644
--- a/templates/partials/head.html
+++ b/templates/partials/head.html
@@ -102,5 +102,10 @@
       .components-grid {
         grid-template-columns: 3fr 9fr;
       }
+
+      .components-grid aside {
+        position: sticky;
+        top: calc(var(--global-space) * 2);
+      }
     }
   </style>