[Dialog] fixed broken dialog when using maxWidth="xs" and custom brea…

…kpoint unit (#37237)
mui · May 12, 2023 · e0f6979 · e0f6979
1 parent a8ba538
commit e0f6979
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/mui-material/src/Dialog/Dialog.js b/packages/mui-material/src/Dialog/Dialog.js
@@ -125,7 +125,7 @@ const DialogPaper = styled(Paper, {
     maxWidth:
       theme.breakpoints.unit === 'px'
         ? Math.max(theme.breakpoints.values.xs, 444)
-        : `${theme.breakpoints.values.xs}${theme.breakpoints.unit}`,
+        : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
     [`&.${dialogClasses.paperScrollBody}`]: {
       [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
         maxWidth: 'calc(100% - 64px)',