diff --git a/web/app/docs/layout.tsx b/web/app/docs/layout.tsx
index a1bc885..df5e869 100644
--- a/web/app/docs/layout.tsx
+++ b/web/app/docs/layout.tsx
@@ -1,15 +1,15 @@
-import DocSidebar from "@/components/DocSidebar"
 import type React from "react"
+import DocSidebar from "@/components/DocSidebar"
+import Footer from "@/components/footer"
 
-export default function DocsLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
+export default function DocsLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex flex-col md:flex-row min-h-screen pt-40 md:pt-16">
-      <DocSidebar />
-      <main className="flex-1 p-4 md:p-6 mt-4 md:mt-0">{children}</main>
+    <div className="flex flex-col min-h-screen bg-white text-gray-900">
+      <div className="flex flex-col md:flex-row flex-1">
+        <DocSidebar />
+        <main className="flex-1 p-4 md:p-6">{children}</main>
+      </div>
+      <Footer />
     </div>
   )
 }