diff --git a/src/pages/signin/SignInPage.tsx b/src/pages/signin/SignInPage.tsx
index 9e80e4a44dc6..729faae5e90b 100644
--- a/src/pages/signin/SignInPage.tsx
+++ b/src/pages/signin/SignInPage.tsx
@@ -147,10 +147,7 @@ function getRenderOptions({
     };
 }
 
-const SignInPage = forwardRef(function SignInPage(
-    {credentials, account, activeClients = [], preferredLocale, shouldEnableMaxHeight = true}: SignInPageInnerProps,
-    ref: ForwardedRef<SignInPageRef>,
-) {
+function SignInPage({credentials, account, activeClients = [], preferredLocale, shouldEnableMaxHeight = true}: SignInPageInnerProps, ref: ForwardedRef<SignInPageRef>) {
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const {translate, formatPhoneNumber} = useLocalize();
@@ -339,10 +336,11 @@ const SignInPage = forwardRef(function SignInPage(
             </SignInPageLayout>
         </ScreenWrapper>
     );
-});
+}
 
 type SignInPageProps = SignInPageInnerProps;
 type SignInPageOnyxProps = SignInPageInnerOnyxProps;
+const SignInPageWithRef = forwardRef(SignInPage);
 
 function SignInPageThemeWrapper(props: SignInPageProps, ref: ForwardedRef<SignInPageRef>) {
     return (
@@ -350,7 +348,7 @@ function SignInPageThemeWrapper(props: SignInPageProps, ref: ForwardedRef<SignIn
             <ThemeStylesProvider>
                 <ColorSchemeWrapper>
                     <CustomStatusBarAndBackground isNested />
-                    <SignInPage
+                    <SignInPageWithRef
                         ref={ref}
                         // eslint-disable-next-line react/jsx-props-no-spreading
                         {...props}