diff --git a/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md b/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
index cb21be77a8f71d..975345ae5c16ee 100644
--- a/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
+++ b/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
@@ -140,7 +140,6 @@ export default function Page() {
     <Sheet>
       {/* Next.js won't render this button without 'use-client' */}
       <Button
-        variant="outlined"
         onClick={() => {
           console.log('handle click');
         }}
diff --git a/docs/data/material/guides/next-js-app-router/next-js-app-router.md b/docs/data/material/guides/next-js-app-router/next-js-app-router.md
index 223205a9b66e8a..1688d35df2197b 100644
--- a/docs/data/material/guides/next-js-app-router/next-js-app-router.md
+++ b/docs/data/material/guides/next-js-app-router/next-js-app-router.md
@@ -212,7 +212,6 @@ export default function Page() {
     <Container>
       {/* Next.js won't render this button without 'use-client' */}
       <Button
-        variant="text"
         onClick={() => {
           console.log('handle click');
         }}
diff --git a/docs/pages/experiments/docs/callouts.md b/docs/pages/experiments/docs/callouts.md
index 94c41186be227d..855527c89b6fb4 100644
--- a/docs/pages/experiments/docs/callouts.md
+++ b/docs/pages/experiments/docs/callouts.md
@@ -118,3 +118,19 @@ It says, "You will fail if you don't heed this dire warning."
 - a [link](#link).
 :::
 ```
+
+## With code
+
+:::info
+This is a callout.
+
+```jsx
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+
+export default function BasicAlerts() {
+  return <Stack sx={{ width: '100%' }} spacing={2} />;
+}
+```
+
+:::
diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index e85b51473d8ced..b1145e82649258 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -282,6 +282,7 @@ const Root = styled('div')(
       }px)`,
       '& .MuiCallout-content': {
         minWidth: 0, // Allows content to shrink. Useful when callout contains code block
+        flexGrow: 1,
         display: 'flex',
         flexDirection: 'column',
         gap: 6,