diff --git a/composeApp/src/commonMain/kotlin/mg/dot/feufaro/ui/MidiControlPanel.kt b/composeApp/src/commonMain/kotlin/mg/dot/feufaro/ui/MidiControlPanel.kt
index ce9c760..ad86905 100644
--- a/composeApp/src/commonMain/kotlin/mg/dot/feufaro/ui/MidiControlPanel.kt
+++ b/composeApp/src/commonMain/kotlin/mg/dot/feufaro/ui/MidiControlPanel.kt
@@ -121,14 +121,15 @@ fun MidiControlPanel(
     Column (
         modifier = modifier
             .fillMaxWidth()
-            .padding(16.dp),
+            .padding(16.dp)
+            .background(color = Color.Gray.copy(alpha = 0.5f), shape = RoundedCornerShape(size = 5.dp)),
         horizontalAlignment = Alignment.CenterHorizontally
     ) {
         Row (
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.spacedBy(8.dp)
         ) {
-            Text("${currentPos.toInt() / 1000}s")
+            Text("${currentPos.toInt() / 1000}s", color = Color.White)
             Slider(
                 value = currentPos,
                 onValueChange = onSeek,
@@ -159,7 +160,7 @@ fun MidiControlPanel(
                     )
                 }
             )
-            Text("${momo / 1000}s")
+            Text("${momo / 1000}s", color = Color.White)
         }