diff --git a/apps/mobile/src/modules/login/index.tsx b/apps/mobile/src/modules/login/index.tsx
index 60cc7bd91..84ec60eb7 100644
--- a/apps/mobile/src/modules/login/index.tsx
+++ b/apps/mobile/src/modules/login/index.tsx
@@ -5,6 +5,7 @@ import { KeyboardController } from "react-native-keyboard-controller"
 import Animated, { useAnimatedStyle, useSharedValue } from "react-native-reanimated"
 import * as ContextMenu from "zeego/context-menu"
 
+import { SafeNavigationScrollView } from "@/src/components/layouts/views/SafeNavigationScrollView"
 import { Logo } from "@/src/components/ui/logo"
 import { TermsMarkdown } from "@/src/screens/(headless)/terms"
 
@@ -13,7 +14,7 @@ import { SocialLogin } from "./social"
 
 export function Login() {
   return (
-    <View className="p-safe flex-1">
+    <SafeNavigationScrollView>
       <TouchableWithoutFeedback
         onPress={() => {
           KeyboardController.dismiss()
@@ -38,7 +39,7 @@ export function Login() {
         <SocialLogin />
       </View>
       <TermsCheckBox />
-    </View>
+    </SafeNavigationScrollView>
   )
 }