1 files changed, 8 insertions, 8 deletions
diff --git a/App.js b/App.js
index 1163cbe..c74c19c 100644
--- a/App.js
+++ b/App.js
@@ -1,5 +1,5 @@
 import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, View, Text } from 'react-native';
+import { StyleSheet, SafeAreaView, Text } from 'react-native';
 import { useState, useEffect } from 'react';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { Login, List, Edit } from './components'
@@ -39,19 +39,19 @@ export default function App() {
   }, []);
 
   if (error) return (
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container}>
       <Text style={styles.error}>{error}</Text>
-    </View>
+    </SafeAreaView>
   )
 
   if (session === undefined) return (
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container}>
       <Text>Loading...</Text>
-    </View>
+    </SafeAreaView>
   );
 
   return (
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container}>
       {
         session === null
           ? <Login login={login} />
@@ -73,7 +73,7 @@ export default function App() {
             )
       }
       <StatusBar style="auto" />
-    </View>
+    </SafeAreaView>
   );
 };
 
@@ -81,7 +81,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: '#000',
-    height: '100%',
+    // height: '100%',
   },
   error: {
     color: 'red',