diff --git a/app/src/main/java/xyz/cottongin/radio247/ui/components/MiniPlayer.kt b/app/src/main/java/xyz/cottongin/radio247/ui/components/MiniPlayer.kt
index 45f2c74..12cac29 100644
--- a/app/src/main/java/xyz/cottongin/radio247/ui/components/MiniPlayer.kt
+++ b/app/src/main/java/xyz/cottongin/radio247/ui/components/MiniPlayer.kt
@@ -5,7 +5,10 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.navigationBars
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
@@ -46,6 +49,8 @@ fun MiniPlayer(
     val artUrl = metadata?.streamUrl?.takeIf { it.endsWith(".jpg", true) || it.endsWith(".png", true) }
         ?: station.defaultArtworkUrl
 
+    val navBarPadding = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding()
+
     Surface(
         modifier = modifier.fillMaxWidth(),
         tonalElevation = 2.dp
@@ -53,7 +58,8 @@ fun MiniPlayer(
         Row(
             modifier = Modifier
                 .clickable(onClick = onTap)
-                .padding(horizontal = 12.dp, vertical = 8.dp)
+                .padding(horizontal = 12.dp)
+                .padding(top = 8.dp, bottom = 8.dp + navBarPadding)
                 .fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically
         ) {