diff --git a/musical-leptos/src/components/dancing_lights.rs b/musical-leptos/src/components/dancing_lights.rs
index 3a544bb..49e1dba 100644
--- a/musical-leptos/src/components/dancing_lights.rs
+++ b/musical-leptos/src/components/dancing_lights.rs
@@ -219,6 +219,6 @@ pub fn audio_list_item<const N: usize>(gradient: &Gradient<N>, i: usize, x: f32)
     // };
 
     view! {
-        <li style={format!("color: {};", color)}>{x}</li>
+        <li style={format!("background-color: {}; color: white; width: 200px;", color)}>{x}</li>
     }
 }