diff --git a/app/src/main/java/com/readrops/app/MainActivity.kt b/app/src/main/java/com/readrops/app/MainActivity.kt
index 53b8c4e2..5275aa06 100644
--- a/app/src/main/java/com/readrops/app/MainActivity.kt
+++ b/app/src/main/java/com/readrops/app/MainActivity.kt
@@ -8,9 +8,11 @@ import androidx.activity.ComponentActivity
 import androidx.activity.SystemBarStyle
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
+import androidx.compose.material3.BottomAppBarDefaults
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
+import androidx.compose.ui.graphics.toArgb
 import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
 import androidx.lifecycle.lifecycleScope
 import cafe.adriel.voyager.core.annotation.ExperimentalVoyagerApi
@@ -68,7 +70,15 @@ class MainActivity : ComponentActivity(), KoinComponent {
                     useDarkTheme = useDarkTheme
                 ) {
                     enableEdgeToEdge(
-                        statusBarStyle = SystemBarStyle.auto(Color.TRANSPARENT, Color.TRANSPARENT),
+                        statusBarStyle = SystemBarStyle.auto(
+                            lightScrim = Color.TRANSPARENT,
+                            darkScrim = Color.TRANSPARENT,
+                            detectDarkMode = { useDarkTheme }
+                        ),
+                        navigationBarStyle = SystemBarStyle.light(
+                            scrim = BottomAppBarDefaults.containerColor.toArgb(),
+                            darkScrim = BottomAppBarDefaults.containerColor.toArgb()
+                        )
                     )
 
                     Navigator(