diff --git a/web/app/docs/layout.tsx b/web/app/docs/layout.tsx
index 5b67b6f..1da0de0 100644
--- a/web/app/docs/layout.tsx
+++ b/web/app/docs/layout.tsx
@@ -8,7 +8,7 @@ export default function DocsLayout({ children }: { children: React.ReactNode })
       <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 pt-6 lg:pt-6 overflow-y-auto">
-          <div className="max-w-3xl mx-auto">{children}</div>
+          <div className="max-w-3xl mx-auto" style={{ maxWidth: "980px" }}>{children}</div>
         </main>
       </div>
       <Footer />