diff --git a/web/src/lib/components/asset-viewer/asset-viewer.svelte b/web/src/lib/components/asset-viewer/asset-viewer.svelte
index 72496eb94a..0248b654de 100644
--- a/web/src/lib/components/asset-viewer/asset-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/asset-viewer.svelte
@@ -726,4 +726,15 @@
     background: #adcbfa;
     border-radius: 16px;
   }
+
+  #stack-slideshow .horizontal-scrollbar {
+    mask-image:
+      linear-gradient(to right, transparent, black 2rem, black calc(100% - 2rem), transparent),
+      linear-gradient(black, black);
+    mask-size:
+      100% calc(100% - 10px),
+      100% 10px;
+    mask-position: top, bottom;
+    mask-repeat: no-repeat;
+  }
 </style>