diff --git a/packages/webamp/css/main-window.css b/packages/webamp/css/main-window.css
index 89aa5634..aafb66c6 100755
--- a/packages/webamp/css/main-window.css
+++ b/packages/webamp/css/main-window.css
@@ -162,10 +162,6 @@
   left: 79px;
 }
 
-#webamp #main-window.stop #visualizer {
-  display: none;
-}
-
 #webamp .text {
   display: none;
 }
diff --git a/packages/webamp/js/components/Visualizer.tsx b/packages/webamp/js/components/Visualizer.tsx
index eae6e78b..f9559335 100644
--- a/packages/webamp/js/components/Visualizer.tsx
+++ b/packages/webamp/js/components/Visualizer.tsx
@@ -150,6 +150,10 @@ function Visualizer({ analyser }: Props) {
     };
   }, [canvas, paintFrame]);
 
+  if (status === MEDIA_STATUS.STOPPED) {
+    return null;
+  }
+
   return (
     <canvas
       id="visualizer"