From d0489734591b62e9bcc846c49d5eeb4e4d952099 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 13 Jun 2024 14:25:26 -0600
Subject: [PATCH] Merge pull request #43706 from
 bernhardoj/fix/43657-modal-screen-narrow

[CP Staging] fix modal views are not fully shown

(cherry picked from commit 393971c0d1aa5c9b670091df36179f5abf5b26e1)
---
 src/components/Modal/BaseModal.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/Modal/BaseModal.tsx b/src/components/Modal/BaseModal.tsx
index f76fc94dbf89..2eb073bb39be 100644
--- a/src/components/Modal/BaseModal.tsx
+++ b/src/components/Modal/BaseModal.tsx
@@ -252,18 +252,16 @@ function BaseModal(
                     avoidKeyboard={avoidKeyboard}
                     customBackdrop={shouldUseCustomBackdrop ? <Overlay onPress={handleBackdropPress} /> : undefined}
                 >
-                    <FocusTrapForModal active={isVisible}>
-                        <View>
-                            <ModalContent onDismiss={handleDismissModal}>
-                                <View
-                                    style={[styles.defaultModalContainer, modalPaddingStyles, modalContainerStyle, !isVisible && styles.pointerEventsNone]}
-                                    ref={ref}
-                                >
-                                    <ColorSchemeWrapper>{children}</ColorSchemeWrapper>
-                                </View>
-                            </ModalContent>
-                        </View>
-                    </FocusTrapForModal>
+                    <ModalContent onDismiss={handleDismissModal}>
+                        <FocusTrapForModal active={isVisible}>
+                            <View
+                                style={[styles.defaultModalContainer, modalPaddingStyles, modalContainerStyle, !isVisible && styles.pointerEventsNone]}
+                                ref={ref}
+                            >
+                                <ColorSchemeWrapper>{children}</ColorSchemeWrapper>
+                            </View>
+                        </FocusTrapForModal>
+                    </ModalContent>
                 </ReactNativeModal>
             </View>
         </ModalContext.Provider>