Merge pull request #1476 from kianamcc/SWC-7169-V2

SWC-7169-V2
Sage-Bionetworks · Jan 3, 2025 · 41ae39b · 41ae39b
2 parents ca3710c + a8f6652
commit 41ae39b
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/synapse-react-client/src/components/DialogBase.tsx b/packages/synapse-react-client/src/components/DialogBase.tsx
@@ -12,8 +12,8 @@ import {
   SxProps,
 } from '@mui/material'
 import { ReactNode } from 'react'
-
 import { HelpPopover, HelpPopoverProps } from './HelpPopover/HelpPopover'
+import { spreadSx } from '../theme/spreadSx'
 
 const EMPTY_OBJECT = {}
 
@@ -102,19 +102,19 @@ export const DialogBase = ({
       open={open}
       className={className}
       onClose={() => onCancel()}
-      sx={sx}
-      {...DialogProps}
-      PaperProps={{
-        sx: theme => ({
-          [theme.breakpoints.down('sm')]: {
+      sx={spreadSx(sx, theme => ({
+        [theme.breakpoints.down('sm')]: {
+          width: '100vw',
+          '.MuiDialog-container > .MuiPaper-root': {
+            padding: '33px',
             margin: 0,
             width: '100%',
             height: '100%',
             maxHeight: 'unset',
-            padding: '16px',
           },
-        }),
-      }}
+        },
+      }))}
+      {...DialogProps}
     >
       <DialogBaseTitle
         title={title}