From 6bd073fdf9efccc9b13bfd2f67cfa54c3723f598 Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Thu, 24 Aug 2023 13:24:02 -0700
Subject: [PATCH] adjusting top safe view in settings

---
 app/mobile/src/session/settings/Settings.jsx       | 4 ++--
 app/mobile/src/session/settings/Settings.styled.js | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index 3538b311..71469b3a 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -11,8 +11,8 @@ export function Settings() {
   const { state, actions } = useSettings();
 
   return (
-    <SafeAreaView edges={['top']} style={styles.container}>
       <ScrollView style={styles.content}>
+    <SafeAreaView edges={['top']}>
 
         <Text style={styles.label}>{ Strings[state.lang].messaging }</Text>
         <View style={styles.group}>
@@ -141,7 +141,7 @@ export function Settings() {
           </TouchableOpacity>
         </View>
 
-      </ScrollView>
     </SafeAreaView>
+      </ScrollView>
   );
 }
diff --git a/app/mobile/src/session/settings/Settings.styled.js b/app/mobile/src/session/settings/Settings.styled.js
index 9a83785d..320418b9 100644
--- a/app/mobile/src/session/settings/Settings.styled.js
+++ b/app/mobile/src/session/settings/Settings.styled.js
@@ -2,15 +2,13 @@ import { StyleSheet } from 'react-native';
 import { Colors } from 'constants/Colors';
 
 export const styles = StyleSheet.create({
-  container: {
-    backgroundColor: Colors.screenBase,
-  },
   content: {
     width: '100%',
     height: '100%',
     display: 'flex',
     paddingLeft: 16,
     paddingRight: 16,
+    backgroundColor: Colors.screenBase,
   },
   label: {
     color: Colors.text,