diff --git a/src/common/Slider/Slider.js b/src/common/Slider/Slider.js
index 69bfe748b..2939632fe 100644
--- a/src/common/Slider/Slider.js
+++ b/src/common/Slider/Slider.js
@@ -8,7 +8,7 @@ const useAnimationFrame = require('stremio/common/useAnimationFrame');
 const useLiveRef = require('stremio/common/useLiveRef');
 const styles = require('./styles');
 
-const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabled, onSlide, onComplete, backgroundCircleStyle }) => {
+const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabled, onSlide, onComplete }) => {
     const minimumValueRef = useLiveRef(minimumValue !== null && !isNaN(minimumValue) ? minimumValue : 0);
     const maximumValueRef = useLiveRef(maximumValue !== null && !isNaN(maximumValue) ? maximumValue : 100);
     const valueRef = useLiveRef(value !== null && !isNaN(value) ? Math.min(maximumValueRef.current, Math.max(minimumValueRef.current, value)) : 0);
@@ -110,7 +110,7 @@ const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabl
             </div>
             <div className={styles['layer']}>
                 <svg className={styles['thumb']} style={{ marginLeft: `calc(100% * ${thumbPosition})` }} viewBox={'0 0 10 10'}>
-                    <circle cx={'5'} cy={'5'} r={'4'} className={styles[backgroundCircleStyle]} />
+                    <circle cx={'5'} cy={'5'} r={'4'} className={styles['background-circle']} />
                     <circle cx={'5'} cy={'5'} r={'2.5'} />
                 </svg>
             </div>
@@ -126,8 +126,7 @@ Slider.propTypes = {
     maximumValue: PropTypes.number,
     disabled: PropTypes.bool,
     onSlide: PropTypes.func,
-    onComplete: PropTypes.func,
-    backgroundCircleStyle: PropTypes.string
+    onComplete: PropTypes.func
 };
 
 module.exports = Slider;
diff --git a/src/common/Slider/styles.less b/src/common/Slider/styles.less
index 056cfe385..d0b867b33 100644
--- a/src/common/Slider/styles.less
+++ b/src/common/Slider/styles.less
@@ -70,10 +70,5 @@ html.active-slider-within {
             fill: var(--primary-accent-color);
             filter: brightness(130%);
         }
-
-        .background-circle-light {
-            fill: var(--primary-foreground-color);
-        }
-
     }
 }
\ No newline at end of file
diff --git a/src/routes/Player/ControlBar/SeekBar/SeekBar.js b/src/routes/Player/ControlBar/SeekBar/SeekBar.js
index 89c94575a..27f0a4ff8 100644
--- a/src/routes/Player/ControlBar/SeekBar/SeekBar.js
+++ b/src/routes/Player/ControlBar/SeekBar/SeekBar.js
@@ -55,7 +55,6 @@ const SeekBar = ({ className, time, duration, buffered, onSeekRequested }) => {
                 disabled={disabled}
                 onSlide={onSlide}
                 onComplete={onComplete}
-                backgroundCircleStyle={'background-circle'}
             />
             <div className={styles['label']}>{formatTime(duration)}</div>
         </div>
diff --git a/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js b/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
index 699d7dfc4..88c95b8d1 100644
--- a/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
+++ b/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
@@ -54,7 +54,6 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
             disabled={disabled}
             onSlide={onSlide}
             onComplete={onComplete}
-            backgroundCircleStyle={'background-circle-light'}
         />
     );
 };
diff --git a/src/routes/Player/ControlBar/VolumeSlider/styles.less b/src/routes/Player/ControlBar/VolumeSlider/styles.less
index 98ec07142..5469a1b6c 100644
--- a/src/routes/Player/ControlBar/VolumeSlider/styles.less
+++ b/src/routes/Player/ControlBar/VolumeSlider/styles.less
@@ -5,6 +5,7 @@
 :import('~stremio/common/Slider/styles.less') {
     slider-track: track;
     slider-track-after: track-after;
+    slider-thumb-background-circle: background-circle;
 }
 
 .volume-slider:not(:global(.disabled)) {
@@ -21,4 +22,9 @@
             background-color: var(--primary-foreground-color);
         }
     }
+
+    .slider-thumb-background-circle {
+        fill: var(--primary-foreground-color);
+        filter: brightness(100%);
+    }
 }
\ No newline at end of file