diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index d3f878f6..8117606f 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -66,7 +66,10 @@ export default function RootLayout({
       <body className={`${inter.className} bg-background text-foreground antialiased`}>
         <Navbar />
         <MouseMoveEffect />
-        <div className="pt-16 md:pt-16">{children}</div>
+        <div className="flex flex-col md:flex-row min-h-screen pt-28 md:pt-16">
+          <DocSidebar />
+          <main className="flex-1 p-4 md:p-6">{children}</main>
+        </div>
       </body>
     </html>
   )
