[docs][Transition] Fix horizontal scroll in SimpleFade demo in mobile screens (#47169)

sai6855 · web-flow · commit 3896cb13c31a · 2025-11-04T10:59:07.000+07:00
diff --git a/docs/data/material/components/transitions/SimpleCollapse.js b/docs/data/material/components/transitions/SimpleCollapse.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleCollapse.tsx b/docs/data/material/components/transitions/SimpleCollapse.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleFade.js b/docs/data/material/components/transitions/SimpleFade.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleFade.tsx b/docs/data/material/components/transitions/SimpleFade.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleGrow.js b/docs/data/material/components/transitions/SimpleGrow.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleGrow.tsx b/docs/data/material/components/transitions/SimpleGrow.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleSlide.js b/docs/data/material/components/transitions/SimpleSlide.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleSlide.tsx b/docs/data/material/components/transitions/SimpleSlide.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleZoom.js b/docs/data/material/components/transitions/SimpleZoom.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SimpleZoom.tsx b/docs/data/material/components/transitions/SimpleZoom.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SlideFromContainer.js b/docs/data/material/components/transitions/SlideFromContainer.js
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
diff --git a/docs/data/material/components/transitions/SlideFromContainer.tsx b/docs/data/material/components/transitions/SlideFromContainer.tsx
@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <svg>
+    <svg width="100" height="100">
       <Box
         component="polygon"
         points="0,100 50,00, 100,100"
