From 93910ebf12023d5372f4f3e4ee8152578be8c1c9 Mon Sep 17 00:00:00 2001 From: Jakob Guddas Date: Thu, 11 May 2023 13:57:06 +0200 Subject: [PATCH] fix: fixed broken dialog when using maxWidth="xs" and custom breakpoint unit --- packages/mui-material/src/Dialog/Dialog.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/mui-material/src/Dialog/Dialog.js b/packages/mui-material/src/Dialog/Dialog.js index eb31fd065a93d8..44b3f894d8fbe2 100644 --- 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)',