diff --git a/app/mobile/src/constants/Colors.js b/app/mobile/src/constants/Colors.js
index 3cfec076..c19185f7 100644
--- a/app/mobile/src/constants/Colors.js
+++ b/app/mobile/src/constants/Colors.js
@@ -2,6 +2,7 @@ import { Appearance } from 'react-native'
 
 const LightColors = {
   overlay: 'dark',
+  statusBar: 'dark-content',
   tabBar: '#448866',
   activeTabIcon: '#ffffff',
   idleTabIcon: '#cccccc',
@@ -53,6 +54,7 @@ const LightColors = {
 
 const DarkColors = {
   overlay: 'dark',
+  statusBar: 'light-content',
   tabBar: '#111111',
   activeTabIcon: '#dddddd',
   idleTabIcon: '#aaaaaa',
diff --git a/app/mobile/src/session/Session.jsx b/app/mobile/src/session/Session.jsx
index 0392143f..1a4a3170 100644
--- a/app/mobile/src/session/Session.jsx
+++ b/app/mobile/src/session/Session.jsx
@@ -469,7 +469,7 @@ export function Session({ sharing, clearSharing }) {
                 <Tab.Screen name="Settings" component={SettingsStackScreen} />
               </Tab.Navigator>
             )}
-            <StatusBar barStyle="dark-content" backgroundColor={Colors.formBackground} /> 
+            <StatusBar barStyle={Colors.statusBar} backgroundColor={Colors.screenBase} /> 
           </View>
         )}
       </View>