From 9c4a089808c2babc68580669e8368112c7a9d897 Mon Sep 17 00:00:00 2001
From: Suraj Karambe <surajakarambe@eaton.com>
Date: Mon, 11 Sep 2023 18:55:07 +0530
Subject: [PATCH] Fixed success screen height for medium devices

---
 .../ChangePasswordDialog/ChangePasswordDialogBase.tsx          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx b/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx
index 9f77ecd0..45374a27 100644
--- a/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx
+++ b/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx
@@ -62,6 +62,7 @@ export const ChangePasswordDialogBase: React.FC<ChangePasswordDialogProps> = (pr
         slotProps,
     } = props;
     const theme = useTheme();
+    const matchesMD = useMediaQuery(theme.breakpoints.down('md'));
     const matchesSM = useMediaQuery(theme.breakpoints.down('sm'));
     const [currentPassword, setCurrentPassword] = useState('');
     const [buttonState, setButtonState] = useState(true);
@@ -86,7 +87,7 @@ export const ChangePasswordDialogBase: React.FC<ChangePasswordDialogProps> = (pr
             <SuccessScreenBase
                 WorkflowCardBaseProps={{
                     sx: {
-                        height: matchesSM ? '100vh' : '70vh',
+                        height: matchesMD ? (matchesSM ? '100vh' : '62vh') : '70vh',
                     },
                 }}
                 {..._props}