diff --git a/src/routes/Player/ControlBar/ControlBar.js b/src/routes/Player/ControlBar/ControlBar.js
index 745e2bd49..f31c708ac 100644
--- a/src/routes/Player/ControlBar/ControlBar.js
+++ b/src/routes/Player/ControlBar/ControlBar.js
@@ -129,9 +129,10 @@ const ControlBar = ({
                         name={
                             (typeof muted === 'boolean' && muted) ? 'volume-mute' :
                                 (volume === null || isNaN(volume)) ? 'volume-off' :
-                                    volume < 30 ? 'volume-low' :
-                                        volume < 70 ? 'volume-medium' :
-                                            'volume-high'
+                                    volume === 0 ? 'volume-mute' :
+                                        volume < 30 ? 'volume-low' :
+                                            volume < 70 ? 'volume-medium' :
+                                                'volume-high'
                         }
                     />
                 </Button>
diff --git a/src/routes/Player/VolumeChangeIndicator/VolumeChangeIndicator.js b/src/routes/Player/VolumeChangeIndicator/VolumeChangeIndicator.js
index cfba89c59..979106a55 100644
--- a/src/routes/Player/VolumeChangeIndicator/VolumeChangeIndicator.js
+++ b/src/routes/Player/VolumeChangeIndicator/VolumeChangeIndicator.js
@@ -14,11 +14,12 @@ const VolumeChangeIndicator = React.memo(({ muted, volume }) => {
     const prevVolume = React.useRef(volume);
 
     const iconName = React.useMemo(() => {
-        return typeof muted === 'boolean' && muted ? 'volume-mute' :
+        return (typeof muted === 'boolean' && muted) ? 'volume-mute' :
             volume === null || isNaN(volume) ? 'volume-off' :
-                volume < 30 ? 'volume-low' :
-                    volume < 70 ? 'volume-medium' :
-                        'volume-high';
+                volume === 0 ? 'volume-mute' :
+                    volume < 30 ? 'volume-low' :
+                        volume < 70 ? 'volume-medium' :
+                            'volume-high';
     }, [muted, volume]);
 
     React.useEffect(() => {