diff --git a/src/routes/docs/_Sidebar.svelte b/src/routes/docs/_Sidebar.svelte
index be50f5d..baa0b89 100644
--- a/src/routes/docs/_Sidebar.svelte
+++ b/src/routes/docs/_Sidebar.svelte
@@ -29,7 +29,7 @@
     <a
       href={p.url}
       class:font-bold={$page.path.includes(p.url)}
-      class="py-1 hover:decoration-stone-400 hover:underline"
+      class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {p.text}
     </a>
@@ -39,7 +39,7 @@
     <a
       href={component.url}
       class:font-bold={$page.path.includes(component.url)}
-      class="py-1 hover:decoration-stone-400 hover:underline"
+      class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {component.text}
     </a>
diff --git a/src/routes/docs/__layout.svelte b/src/routes/docs/__layout.svelte
index 563c1d5..35bf43c 100644
--- a/src/routes/docs/__layout.svelte
+++ b/src/routes/docs/__layout.svelte
@@ -12,7 +12,9 @@
 
 <div class="flex">
   <div class="w-52 min-w-fit hidden md:block flex-shrink-0">
-    <div class="sticky top-20">
+    <div
+      class="sticky top-0 pt-20 pb-4 -mt-[61px] max-h-screen overflow-y-auto"
+    >
       <Sidebar />
     </div>
   </div>