diff --git a/app/lib/theme.dart b/app/lib/theme.dart
index 3e1e71b3..da6ad88d 100644
--- a/app/lib/theme.dart
+++ b/app/lib/theme.dart
@@ -241,3 +241,14 @@ ThemeData _applyColorScheme(ColorScheme colorScheme) {
     ],
   );
 }
+
+extension BrightnessExtension on Brightness {
+  Brightness invert() {
+    switch (this) {
+      case Brightness.dark:
+        return Brightness.light;
+      case Brightness.light:
+        return Brightness.dark;
+    }
+  }
+}
diff --git a/app/lib/widget/my_app.dart b/app/lib/widget/my_app.dart
index 059bee0a..4101a714 100644
--- a/app/lib/widget/my_app.dart
+++ b/app/lib/widget/my_app.dart
@@ -619,6 +619,7 @@ class _ThemedMyApp extends StatelessWidget {
       value: SystemUiOverlayStyle(
         statusBarColor: Colors.transparent,
         systemNavigationBarColor: theme.colorScheme.secondaryContainer,
+        systemNavigationBarIconBrightness: theme.brightness.invert(),
       ),
       child: child,
     );