diff --git a/src/components/docs/DocumentLayout.tsx b/src/components/docs/DocumentLayout.tsx
index b1af32e..a121b35 100644
--- a/src/components/docs/DocumentLayout.tsx
+++ b/src/components/docs/DocumentLayout.tsx
@@ -2,7 +2,7 @@ export default function MdxLayout({ children }: { children: React.ReactNode }) {
     // Create any shared layout or styles here
     return <div>
         <div>
-            <div className="m-auto max-w-2xl p-5">{children}</div>
+            <div className="m-auto max-w-2xl p-5 my-8">{children}</div>
         </div>
     </div>
-}
\ No newline at end of file
+}