From 7d0bbf30ec940a4501e971c59c72b0134ed4f05e Mon Sep 17 00:00:00 2001
From: Akshay Joshi <akshay.joshi@enterprisedb.com>
Date: Tue, 25 Jun 2024 14:46:30 +0530
Subject: [PATCH] Fixed the issue causing the 2FA dialog to appear distorted.

---
 web/pgadmin/static/js/components/ModalContent.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/pgadmin/static/js/components/ModalContent.jsx b/web/pgadmin/static/js/components/ModalContent.jsx
index 03ea740d3..39a8f1ced 100644
--- a/web/pgadmin/static/js/components/ModalContent.jsx
+++ b/web/pgadmin/static/js/components/ModalContent.jsx
@@ -15,7 +15,7 @@ import { Box } from '@mui/material';
 const StyledBox = styled(Box)(({theme})=>({
   backgroundColor: theme.palette.background.default,
   display: 'flex',
-  flexDirection: 'column', 
+  flexDirection: 'column',
   '& .ModalContent-footer': {
     display: 'flex',
     justifyContent: 'flex-end',
@@ -31,7 +31,7 @@ const StyledBox = styled(Box)(({theme})=>({
 
 export const ModalContent = forwardRef(({children, ...props }, ref) => {
   return (
-    <StyledBox ref={ref}  {...props}>{children}</StyledBox>
+    <StyledBox style={{height: '100%'}} ref={ref}  {...props}>{children}</StyledBox>
   );
 });
 ModalContent.displayName = 'ModalContent';