diff --git a/web/app/docs/layout.tsx b/web/app/docs/layout.tsx
index 630fbb8..0f606a7 100644
--- a/web/app/docs/layout.tsx
+++ b/web/app/docs/layout.tsx
@@ -2,14 +2,16 @@ import type React from "react"
 import DocSidebar from "@/components/DocSidebar"
 import Footer from "@/components/footer"
 
-export default function DocsLayout({ children }: LayoutProps) {
+export default function DocsLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex flex-col lg:flex-row min-h-screen bg-white text-gray-900">
-      <DocSidebar />
-      <main className="flex-1 p-4 lg:p-8 pt-24 lg:pt-8 overflow-y-auto">
-        <div className="max-w-3xl mx-auto lg:mx-0 lg:mr-auto">{children}</div>
-      </main>
-	  <Footer />
+    <div className="flex flex-col min-h-screen bg-white text-gray-900">
+      <div className="flex flex-col lg:flex-row flex-1 pt-16 lg:pt-0">
+        <DocSidebar />
+        <main className="flex-1 p-4 lg:p-6 overflow-x-auto">
+          <div className="max-w-3xl mx-auto lg:mx-0 lg:mr-auto">{children}</div>
+        </main>
+      </div>
+      <footer />
     </div>
   )
-}
+}
\ No newline at end of file