diff --git a/apps/documentation/src/components/MdxWrapper/MdxWrapper.tsx b/apps/documentation/src/components/MdxWrapper/MdxWrapper.tsx
index c5175047..139b21b0 100644
--- a/apps/documentation/src/components/MdxWrapper/MdxWrapper.tsx
+++ b/apps/documentation/src/components/MdxWrapper/MdxWrapper.tsx
@@ -13,7 +13,14 @@ interface MdxWrapperProps {
 export function MdxWrapper({ children }: MdxWrapperProps): JSX.Element {
   return (
     <Container size={1000} w="100%" display="flex" style={{ gap: 12 }}>
-      <Box id="mdx-root" component="article" mt="xl" px={16} py={36}>
+      <Box
+        id="mdx-root"
+        component="article"
+        mt="xl"
+        px={16}
+        py={36}
+        style={{ maxWidth: '100%' }}
+      >
         <MdxProvider>{children}</MdxProvider>
         <EditPage />
       </Box>