From 39e38bf06acef23bd4725b529f84af934abf3b07 Mon Sep 17 00:00:00 2001
From: Salmaan-M <133296753+Salmaan-M@users.noreply.github.com>
Date: Sun, 7 Jun 2026 23:02:21 +0530
Subject: [PATCH 1/2] fix(modal): prevent fullscreen prop override

Signed-off-by: Salmaan-M <133296753+Salmaan-M@users.noreply.github.com>
---
 src/custom/Modal/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
index 815b42586..836943566 100644
--- a/src/custom/Modal/index.tsx
+++ b/src/custom/Modal/index.tsx
@@ -159,8 +159,10 @@ export const Modal: React.FC<ModalProps> = ({
   const toggleFullScreen = () => {
     setFullScreen((prev) => !prev);
   };
+const { fullScreen: _ignoredFullScreen, fullWidth: _ignoredFullWidth, ...restProps } = props;
   return (
     <StyledDialog
+      {...restProps}
       maxWidth={maxWidth}
       open={open}
       onClose={closeModal}
@@ -168,7 +170,6 @@ export const Modal: React.FC<ModalProps> = ({
       aria-describedby="alert-dialog-slide-description"
       fullScreen={fullScreen}
       fullWidth={!fullScreen}
-      {...props}
     >
       {title && (
         <ModalStyledHeader className="modal-header" data-testid="modal-header">

From 770e5f8885ad922fbca26cfb053f3d6a1f672d14 Mon Sep 17 00:00:00 2001
From: Salmaan-M <133296753+Salmaan-M@users.noreply.github.com>
Date: Thu, 18 Jun 2026 08:37:11 +0000
Subject: [PATCH 2/2] Add openFullscreenOnStart prop to modal

Signed-off-by: Salmaan-M <133296753+Salmaan-M@users.noreply.github.com>
---
 src/custom/Modal/index.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
index 836943566..8c8ba89f3 100644
--- a/src/custom/Modal/index.tsx
+++ b/src/custom/Modal/index.tsx
@@ -14,6 +14,7 @@ interface ModalProps extends DialogProps {
   headerIcon?: React.ReactNode;
   reactNode?: React.ReactNode;
   isFullScreenModeAllowed?: boolean;
+  openFullscreenOnStart?: boolean;
 }
 
 interface ModalFooterProps {
@@ -153,13 +154,19 @@ export const Modal: React.FC<ModalProps> = ({
   children,
   maxWidth = 'xs',
   isFullScreenModeAllowed,
+  openFullscreenOnStart = false,
   ...props
 }) => {
-  const [fullScreen, setFullScreen] = useState(false);
+  const [fullScreen, setFullScreen] = useState(openFullscreenOnStart);
   const toggleFullScreen = () => {
     setFullScreen((prev) => !prev);
   };
-const { fullScreen: _ignoredFullScreen, fullWidth: _ignoredFullWidth, ...restProps } = props;
+  
+  const {
+  fullScreen: _ignoredFullScreen,
+  fullWidth: _ignoredFullWidth,
+  ...restProps
+  } = props;
   return (
     <StyledDialog
       {...restProps}