diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index 5a37f8b1..3078c779 100644
--- a/resources/cider-ui/style.less
+++ b/resources/cider-ui/style.less
@@ -1497,12 +1497,13 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   display: flex;
   align-items: center;
   padding: 0px 6px;
-  z-index: 2;
+  z-index: 7;
   position: sticky;
   top: 0;
   left: 0;
   backdrop-filter: blur(16px) saturate(180%);
-  box-shadow: 0px 1px 0px rgb(185 185 185 / 8%);
+  box-shadow: 0px 1px 0px rgba(185, 185, 185, 0.08);
+  mix-blend-mode: hard-light;
   .nav-item {
     appearance: none;
     border: 0px;