diff --git a/src/common/Slider/Slider.js b/src/common/Slider/Slider.js
index 2939632fe..717814a26 100644
--- a/src/common/Slider/Slider.js
+++ b/src/common/Slider/Slider.js
@@ -109,10 +109,9 @@ const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabl
                 <div className={styles['track-after']} style={{ width: `calc(100% * ${thumbPosition})` }} />
             </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['background-circle']} />
+                <div className={styles['thumb']} style={{ marginLeft: `calc(100% * ${thumbPosition})` }} viewBox={'0 0 10 10'}>
                     <circle cx={'5'} cy={'5'} r={'2.5'} />
-                </svg>
+                </div>
             </div>
         </div>
     );
diff --git a/src/common/Slider/styles.less b/src/common/Slider/styles.less
index d0b867b33..66ad267c7 100644
--- a/src/common/Slider/styles.less
+++ b/src/common/Slider/styles.less
@@ -64,11 +64,7 @@ html.active-slider-within {
         width: var(--thumb-size);
         height: var(--thumb-size);
         transform: translateX(-50%);
-        fill: var(--primary-foreground-color);
-        
-        .background-circle {
-            fill: var(--primary-accent-color);
-            filter: brightness(130%);
-        }
+        background-color: var(--primary-foreground-color);
+        border-radius: 100%;
     }
 }
\ No newline at end of file
diff --git a/src/routes/Player/ControlBar/SeekBar/styles.less b/src/routes/Player/ControlBar/SeekBar/styles.less
index 50abb455b..6a659a790 100644
--- a/src/routes/Player/ControlBar/SeekBar/styles.less
+++ b/src/routes/Player/ControlBar/SeekBar/styles.less
@@ -32,7 +32,19 @@
         }
 
         .slider-thumb {
-            fill: var(--primary-accent-color);
+            background-color: var(--primary-accent-color);
+            
+            &:after {
+                content: "";
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                border-radius: 100%;
+                box-shadow: 0 0 0 0.25rem var(--primary-accent-color) inset;
+                filter: brightness(130%);
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/src/routes/Player/ControlBar/VolumeSlider/styles.less b/src/routes/Player/ControlBar/VolumeSlider/styles.less
index 5469a1b6c..98ec07142 100644
--- a/src/routes/Player/ControlBar/VolumeSlider/styles.less
+++ b/src/routes/Player/ControlBar/VolumeSlider/styles.less
@@ -5,7 +5,6 @@
 :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)) {
@@ -22,9 +21,4 @@
             background-color: var(--primary-foreground-color);
         }
     }
-
-    .slider-thumb-background-circle {
-        fill: var(--primary-foreground-color);
-        filter: brightness(100%);
-    }
 }
\ No newline at end of file