diff --git a/app/docs/layout.jsx b/app/docs/layout.jsx
index 6fa87e2..28bb065 100644
--- a/app/docs/layout.jsx
+++ b/app/docs/layout.jsx
@@ -10,7 +10,9 @@ export default function DocsLayout({ children }) {
         <aside className="hidden md:block md:fixed w-72 px-3 bottom-0 top-12 overflow-y-auto">
           <SidebarLinks links={docLinks} />
         </aside>
-        <main className="flex-1 box-content ml-72 px-2 py-6">{children}</main>
+        <main className="flex-1 box-content md:ml-72 px-2 py-6">
+          {children}
+        </main>
       </div>
     </div>
   );