current dialog width was exceeding smaller screen size widths, should…

… now fit full device width without overflow
Sage-Bionetworks · Dec 30, 2024 · e057d97 · e057d97
1 parent 3a8d5ca
commit e057d97
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/synapse-react-client/src/components/DialogBase.tsx b/packages/synapse-react-client/src/components/DialogBase.tsx
@@ -102,7 +102,12 @@ export const DialogBase = ({
       open={open}
       className={className}
       onClose={() => onCancel()}
-      sx={sx}
+      sx={theme => ({
+        ...sx,
+        [theme.breakpoints.down('sm')]: {
+          width: '100vw',
+        },
+      })}
       {...DialogProps}
       PaperProps={{
         sx: theme => ({