padding change, targeted styling

Sage-Bionetworks · Jan 2, 2025 · d50f4b9 · d50f4b9
1 parent e057d97
commit d50f4b9
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/packages/synapse-react-client/src/components/DialogBase.tsx b/packages/synapse-react-client/src/components/DialogBase.tsx
@@ -106,20 +106,18 @@ export const DialogBase = ({
         ...sx,
         [theme.breakpoints.down('sm')]: {
           width: '100vw',
+          '.MuiDialog-container > .MuiPaper-root': {
+            [theme.breakpoints.down('sm')]: {
+              padding: '33px',
+              margin: 0,
+              width: '100%',
+              height: '100%',
+              maxHeight: 'unset',
+            },
+          },
         },
       })}
       {...DialogProps}
-      PaperProps={{
-        sx: theme => ({
-          [theme.breakpoints.down('sm')]: {
-            margin: 0,
-            width: '100%',
-            height: '100%',
-            maxHeight: 'unset',
-            padding: '16px',
-          },
-        }),
-      }}
     >
       <DialogBaseTitle
         title={title}