diff --git a/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/BaseScreen.kt b/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/BaseScreen.kt
index ba81922..b384d03 100644
--- a/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/BaseScreen.kt
+++ b/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/BaseScreen.kt
@@ -16,6 +16,7 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialExpressiveTheme
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.NavigationBar
 import androidx.compose.material3.NavigationBarItem
 import androidx.compose.material3.NavigationRail
@@ -28,6 +29,7 @@ import androidx.compose.material3.TopAppBarScrollBehavior
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Immutable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.input.nestedscroll.nestedScroll
@@ -121,15 +123,20 @@ private fun <T : Route> BottomBar(
         Box(
             modifier = Modifier
                 .fillMaxWidth()
-                .background(Color.Transparent)
-                .padding(horizontal = 24.dp, vertical = 16.dp)
+                .background(
+                    brush = Brush.verticalGradient(
+                        colors = listOf(
+                            Color.Transparent,
+                            MaterialTheme.colorScheme.surfaceContainer
+                        )
+                    )
+                )
+                .padding(8.dp)
                 .windowInsetsPadding(WindowInsets.navigationBars)
         ) {
             NavigationBar(
                 containerColor = ComponentDefaults.navBarContentColor(),
-                modifier = ComponentDefaults.roundedClip()
-                    .fillMaxWidth()
-                    .applyBlurEffect(blurState)
+                modifier = ComponentDefaults.roundedClip().applyBlurEffect(blurState)
             ) {
                 entries.forEach { entry ->
                     NavigationBarItem(
diff --git a/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/Blur.kt b/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/Blur.kt
index aa3e952..d75c64d 100644
--- a/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/Blur.kt
+++ b/libs/ui/src/commonMain/kotlin/ru/shadowsparky/ui/Blur.kt
@@ -38,7 +38,7 @@ fun Modifier.applyBlurSource(state: BlurState?): Modifier {
 @Composable
 fun Modifier.applyBlurEffect(state: BlurState?): Modifier {
     state ?: return this
-    return hazeEffect(state.hazeState, HazeMaterials.thick())
+    return hazeEffect(state.hazeState, HazeMaterials.thin())
 }
 
 @Stable