diff --git a/src/renderer/style.less b/src/renderer/style.less
index f26e2da9..d4345a6c 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1815,7 +1815,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   position       : absolute;
   z-index        : 1000;
   opacity        : 1;
-  background     : rgba(30, 30, 30, 0.8);
+  background-image: linear-gradient(180deg, transparent, rgba(30, 30, 30, 0.8));
   justify-content: center;
   align-items    : center;
   display        : none;