From d50f4b93a416431c7143319b320f6999207a6b0d Mon Sep 17 00:00:00 2001
From: Kiana McCullough <kianamccu@gmail.com>
Date: Thu, 2 Jan 2025 13:15:32 -0800
Subject: [PATCH] padding change, targeted styling

---
 .../src/components/DialogBase.tsx             | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/synapse-react-client/src/components/DialogBase.tsx b/packages/synapse-react-client/src/components/DialogBase.tsx
index 5a6b43c619..3b957239de 100644
--- 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}