diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss
index 15888c8fdd..67ca29f350 100644
--- a/src/css/components/_progress.scss
+++ b/src/css/components/_progress.scss
@@ -110,6 +110,6 @@ specific time ranges that have been buffered */
 }
 .video-js .vjs-progress-control .vjs-mouse-display .vjs-mouse-display-bar:after {
   visibility: visible;
-  filter: invert(100%);
-  -webkit-filter: invert(100%);
+  color: $primary-text; 
+  @include background-color-with-alpha($primary-bg, 0.8);
 }