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