diff --git a/docs/data/material/components/tree-view/DisabledTreeItems.js b/docs/data/material/components/tree-view/DisabledTreeItems.js
index 2e506603d3ef22..8b68005b4f84a6 100644
--- a/docs/data/material/components/tree-view/DisabledTreeItems.js
+++ b/docs/data/material/components/tree-view/DisabledTreeItems.js
@@ -14,7 +14,7 @@ export default function DisabledTreeItems() {
   };
 
   return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}>
+    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }} px={2}>
       <Box sx={{ mb: 1 }}>
         <FormControlLabel
           control={
diff --git a/docs/data/material/components/tree-view/DisabledTreeItems.tsx b/docs/data/material/components/tree-view/DisabledTreeItems.tsx
index 0ba41bdf3a49d5..83c26c8a8db781 100644
--- a/docs/data/material/components/tree-view/DisabledTreeItems.tsx
+++ b/docs/data/material/components/tree-view/DisabledTreeItems.tsx
@@ -14,7 +14,7 @@ export default function DisabledTreeItems() {
   };
 
   return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}>
+    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }} px={2}>
       <Box sx={{ mb: 1 }}>
         <FormControlLabel
           control={