Dialog Math.max for px only

mui · Apr 17, 2021 · 98ffba6 · 98ffba6
1 parent b1a65cf
commit 98ffba6
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/material-ui/src/Dialog/Dialog.js b/packages/material-ui/src/Dialog/Dialog.js
@@ -150,7 +150,10 @@ const DialogPaper = experimentalStyled(
   }),
   /* Styles applied to the Paper component if `maxWidth="xs"`. */
   ...(styleProps.maxWidth === 'xs' && {
-    maxWidth: Math.max(theme.breakpoints.values.xs, 444),
+    maxWidth:
+      theme.breakpoints.unit === 'px'
+        ? Math.max(theme.breakpoints.values.xs, 444)
+        : `${theme.breakpoints.values.xs}${theme.breakpoints.unit}`,
     [`&.${dialogClasses.paperScrollBody}`]: {
       [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
         maxWidth: 'calc(100% - 64px)',