diff --git a/App.tsx b/App.tsx
index 2f072c0..aba5bed 100644
--- a/App.tsx
+++ b/App.tsx
@@ -3,13 +3,16 @@ import UserLoginScreen from "@screens/UserLoginScreen";
 import { ThemeProvider } from "@shopify/restyle";
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet } from "react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
 	return (
 		<ThemeProvider theme={theme}>
 			{/* <View style={styles.container}> */}
-			<StatusBar style="auto" />
-			<UserLoginScreen />
+			<SafeAreaProvider>
+				<StatusBar style="auto" />
+				<UserLoginScreen />
+			</SafeAreaProvider>
 			{/* </View> */}
 		</ThemeProvider>
 	);