diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
index 10e6f0dc3a5e6..22ab08e87b2a4 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
@@ -52,7 +52,7 @@ export default function TrackItemExpansionToggle() {
         </Typography>
       )}
 
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
index 7da11861cd8c7..987bb9b2f6747 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
@@ -58,7 +58,7 @@ export default function TrackItemExpansionToggle() {
           Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
         </Typography>
       )}
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
index 4699de8b8e112..81762cedbdb45 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
@@ -5,7 +5,7 @@
     Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
   </Typography>
 )}
-<Box sx={{ minHeight: 200, flexGrow: 1 }}>
+<Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
   <RichTreeView
     items={MUI_X_PRODUCTS}
     onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
index 6e0bbc061cd2f..4c3bb49281bbb 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
@@ -51,7 +51,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
index bd1b41122a185..d769a7a99d76e 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
@@ -57,7 +57,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
index 2b55fdb43b56d..8e3053bf4f653 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
@@ -3,7 +3,7 @@
     ? 'No item selection recorded'
     : `Last selected item: ${lastSelectedItem}`}
 </Typography>
-<Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+<Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
   <RichTreeView
     items={MUI_X_PRODUCTS}
     onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
index f656970f2ebfe..e46f59e50ff67 100644
--- a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
+++ b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
@@ -22,7 +22,7 @@ export default function TrackItemExpansionToggle() {
         </Typography>
       )}
 
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemExpansionToggle={handleItemExpansionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />
diff --git a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
index 6f257acad9b91..549b9e66e4770 100644
--- a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
+++ b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
@@ -28,7 +28,7 @@ export default function TrackItemExpansionToggle() {
           Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
         </Typography>
       )}
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemExpansionToggle={handleItemExpansionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />
diff --git a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
index 4bc39db3cf239..55c76b326e225 100644
--- a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
+++ b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
@@ -21,7 +21,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemSelectionToggle={handleItemSelectionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />
diff --git a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
index ebd584ed1b692..ccc5bde9bfed8 100644
--- a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
+++ b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
@@ -27,7 +27,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemSelectionToggle={handleItemSelectionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />