diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
index b366fd9..d53c081 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
@@ -26,7 +26,14 @@
     min-width: 4px;
     height: var(--bar-height, 2%);
     min-height: 2px;
-    background: var(--mud-palette-primary);
+    background-image: linear-gradient(to top,
+        #2ECC71 0%,  #2ECC71 55%,
+        #F4C430 62%, #F4C430 82%,
+        #FF6B35 88%, #FF6B35 100%
+    );
+    background-size: 100% 40px;
+    background-position: bottom;
+    background-repeat: no-repeat;
     border-radius: 2px 2px 0 0;
     transition: height 0.05s ease-out;
 }
@@ -44,5 +51,6 @@
     .spectrum-bar {
         max-width: 8px;
         min-width: 3px;
+        background-size: 100% 32px;
     }
 }