From e06465f9cb048907c327bbf5f1e8cbd0ca65cb52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <34163393+amtins@users.noreply.github.com>
Date: Tue, 4 Jul 2023 12:27:06 +0200
Subject: [PATCH] fix(progress): mouse-time-display overlaps the play-progress
 svg icon (#8338)

When the mouse hovers over the `play-progress` svg icon,
the `mouse-time-display` bar appears above it.

- adds `z-index` to avoid overlap
---
 src/css/components/_progress.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss
index b5f8e6a06a..abc54329ad 100644
--- a/src/css/components/_progress.scss
+++ b/src/css/components/_progress.scss
@@ -95,6 +95,7 @@
   height: 1em;
   pointer-events: none;
   line-height: 0.15em;
+  z-index: 1;
 }
 
 .video-js .vjs-load-progress {