diff --git a/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx b/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx
index 68cc700bee080d..aefbafb388c42f 100644
--- a/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx
+++ b/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx
@@ -10,10 +10,6 @@ const Pre = styled('pre')(({ theme }) => ({
   margin: 0,
   color: 'hsl(60deg 30% 96.08%)', // fallback color until Prism's theme is loaded
   WebkitOverflowScrolling: 'touch', // iOS momentum scrolling.
-  maxWidth: 'calc(100vw - 32px)',
-  [theme.breakpoints.up('md')]: {
-    maxWidth: 'calc(100vw - 32px - 16px)',
-  },
   '& code': {
     // Avoid layout jump after hydration (style injected by Prism)
     ...theme.typography.caption,
diff --git a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx
index 9849f07184d334..a561b6641bba72 100644
--- a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx
+++ b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx
@@ -32,11 +32,7 @@ const Root = styled('div')(
       overflow: 'auto',
       WebkitOverflowScrolling: 'touch',
       fontSize: lightTheme.typography.pxToRem(13),
-      maxWidth: 'calc(100vw - 32px)',
       maxHeight: '400px',
-      [lightTheme.breakpoints.up('md')]: {
-        maxWidth: 'calc(100vw - 32px - 16px)',
-      },
     },
     '& code': {
       ...lightTheme.typography.body2,