From e057d975e0fc05c0c6adaf875dfad3d6c0475ac9 Mon Sep 17 00:00:00 2001
From: Kiana McCullough <kianamccu@gmail.com>
Date: Mon, 30 Dec 2024 15:00:27 -0800
Subject: [PATCH] current dialog width was exceeding smaller screen size
 widths, should now fit full device width without overflow

---
 .../synapse-react-client/src/components/DialogBase.tsx     | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/synapse-react-client/src/components/DialogBase.tsx b/packages/synapse-react-client/src/components/DialogBase.tsx
index 4ee0abf61d..5a6b43c619 100644
--- 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 => ({