fix Login - Expensify logo is too close to the top of the screen

Expensify · Feb 15, 2024 · b74612f · b74612f
1 parent 7b913d7
commit b74612f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/pages/signin/SignInPage.js b/src/pages/signin/SignInPage.js
@@ -133,7 +133,7 @@ function SignInPageInner({credentials, account, activeClients, preferredLocale})
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const {translate, formatPhoneNumber} = useLocalize();
-    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const {shouldUseNarrowLayout, isInModal} = useResponsiveLayout();
     const safeAreaInsets = useSafeAreaInsets();
     const signInPageLayoutRef = useRef();
     const loginFormRef = useRef();
@@ -251,7 +251,7 @@ function SignInPageInner({credentials, account, activeClients, preferredLocale})
         // Bottom SafeAreaView is removed so that login screen svg displays correctly on mobile.
         // The SVG should flow under the Home Indicator on iOS.
         <View
-            style={[styles.signInPage, StyleUtils.getSafeAreaPadding({...safeAreaInsets, bottom: 0, top: shouldUseNarrowLayout ? 0 : safeAreaInsets.top}, 1)]}
+            style={[styles.signInPage, StyleUtils.getSafeAreaPadding({...safeAreaInsets, bottom: 0, top: isInModal ? 0 : safeAreaInsets.top}, 1)]}
             testID={SignInPageInner.displayName}
         >
             <SignInPageLayout