diff --git a/lib/app.dart b/lib/app.dart
index 27370deb..87863017 100644
--- a/lib/app.dart
+++ b/lib/app.dart
@@ -8,6 +8,7 @@ import 'package:paintroid/ui/pages/onboarding_page/onboarding_page.dart';
 import 'package:paintroid/ui/pages/workspace_page/workspace_page.dart';
 import 'package:paintroid/ui/shared/loading_overlay.dart';
 import 'package:paintroid/ui/theme/theme.dart';
+import 'package:flutter/services.dart';
 
 class App extends StatelessWidget {
   final bool showOnboardingPage;
@@ -57,6 +58,14 @@ class App extends StatelessWidget {
         },
         home: Consumer(
           builder: (BuildContext context, WidgetRef ref, Widget? child) {
+            WidgetsBinding.instance.addPostFrameCallback((_) {
+              final navBarColor = PaintroidTheme.of(context).primaryColor;
+              SystemChrome.setSystemUIOverlayStyle(
+                SystemUiOverlayStyle(
+                  systemNavigationBarColor: navBarColor,
+                ),
+              );
+            });
             return LoadingOverlay(
               isLoading: ref.watch(
                 workspaceStateProvider.select(
diff --git a/lib/main.dart b/lib/main.dart
index 3212d499..d3bedc44 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:logging/logging.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-
+import 'package:flutter/services.dart';
 import 'package:paintroid/app.dart';
 
 void main() async {
@@ -27,6 +27,6 @@ void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   final prefs = await SharedPreferences.getInstance();
   final showOnboarding = prefs.getBool('showOnboarding') ?? true;
-
+  SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
   runApp(ProviderScope(child: App(showOnboardingPage: showOnboarding)));
 }