diff --git a/docs/data/joy/components/sheet/SimpleSheet.js b/docs/data/joy/components/sheet/SimpleSheet.js
index c7612065e31493..db9a2bb24b5f0c 100644
--- a/docs/data/joy/components/sheet/SimpleSheet.js
+++ b/docs/data/joy/components/sheet/SimpleSheet.js
@@ -2,5 +2,9 @@ import Sheet from '@mui/joy/Sheet';
 import * as React from 'react';
 
 export default function SimpleSheet() {
-  return <Sheet variant="outlined">Hello world!</Sheet>;
+  return (
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
+  );
 }
diff --git a/docs/data/joy/components/sheet/SimpleSheet.tsx b/docs/data/joy/components/sheet/SimpleSheet.tsx
index 94abd06e6ebc84..db9a2bb24b5f0c 100644
--- a/docs/data/joy/components/sheet/SimpleSheet.tsx
+++ b/docs/data/joy/components/sheet/SimpleSheet.tsx
@@ -1,23 +1,10 @@
-import Box from '@mui/joy/Box';
 import Sheet from '@mui/joy/Sheet';
 import * as React from 'react';
 
 export default function SimpleSheet() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        flexWrap: 'wrap',
-        '& > div': {
-          m: 2,
-          width: 128,
-          height: 128,
-        },
-      }}
-    >
-      <Sheet elevation="sm" />
-      <Sheet elevation="md" />
-      <Sheet elevation="lg" />
-    </Box>
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
   );
 }