diff --git a/src/index.css b/src/index.css
index 3c42999..327453a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -62,10 +62,25 @@
 }
 
 @layer base {
+  /* Thin overlay scrollbar — doesn't consume layout space */
+  html {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0,0,0,0.15) transparent;
+  }
+  html::-webkit-scrollbar {
+    width: 6px;
+  }
+  html::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  html::-webkit-scrollbar-thumb {
+    background: rgba(0,0,0,0.15);
+    border-radius: 3px;
+  }
   body {
     @apply font-sans text-slate-800 bg-slate-50 antialiased;
   }
-  
+
   h1, h2, h3, h4, h5, h6 {
     @apply font-serif text-primary-900;
   }