[Container] Fix disableGutters style not applied (#24284)

mui · Jan 6, 2021 · b7df4aa · b7df4aa
1 parent 1b24a94
commit b7df4aa
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/packages/material-ui/src/Container/Container.js b/packages/material-ui/src/Container/Container.js
@@ -50,16 +50,14 @@ const ContainerRoot = experimentalStyled(
     marginLeft: 'auto',
     boxSizing: 'border-box',
     marginRight: 'auto',
-    paddingLeft: theme.spacing(2),
-    paddingRight: theme.spacing(2),
     display: 'block', // Fix IE11 layout when used with main.
-    [theme.breakpoints.up('sm')]: {
-      paddingLeft: theme.spacing(3),
-      paddingRight: theme.spacing(3),
-    },
-    ...(styleProps.disableGutters && {
-      paddingLeft: 0,
-      paddingRight: 0,
+    ...(!styleProps.disableGutters && {
+      paddingLeft: theme.spacing(2),
+      paddingRight: theme.spacing(2),
+      [theme.breakpoints.up('sm')]: {
+        paddingLeft: theme.spacing(3),
+        paddingRight: theme.spacing(3),
+      },
     }),
   }),
   ({ theme, styleProps }) =>