update

src/components/EditProfileModal.js

@@ -11,6 +11,8 @@ import {
   ScrollView,
   TouchableWithoutFeedback,
   Keyboard,
+  KeyboardAvoidingView,
+  Platform,
 } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import Input from './Input';
@@ -199,6 +201,10 @@ const EditProfileModal = ({
       onRequestClose={handleClose}
     >
       <SafeAreaView style={styles.container}>
+        <KeyboardAvoidingView
+          behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+          style={{ flex: 1 }}
+        >
           <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
             <View style={styles.content}>
               {/* Header */}
@@ -306,6 +312,7 @@ const EditProfileModal = ({
               </View>
             </View>
           </TouchableWithoutFeedback>
+        </KeyboardAvoidingView>
 
         {renderPassportSeriesPicker()}
       </SafeAreaView>

src/screens/Main/MenuScreen.js

@@ -103,7 +103,6 @@ const styles = StyleSheet.create({
     backgroundColor: COLORS.backgroundSecondary,
   },
   header: {
-    backgroundColor: COLORS.white,
     paddingHorizontal: 24,
     paddingTop: 16,
     paddingBottom: 24,