diff --git a/src/frontend/src/components/tagsSelectorComponent/index.tsx b/src/frontend/src/components/tagsSelectorComponent/index.tsx
index e05d5c0a4..3c3a94be6 100644
--- a/src/frontend/src/components/tagsSelectorComponent/index.tsx
+++ b/src/frontend/src/components/tagsSelectorComponent/index.tsx
@@ -72,10 +72,7 @@ export function TagsSelector({
   }, [divWidth, loadingTags]); // Depend on divWidth
 
   return (
-    <div
-      ref={fadeContainerRef}
-      className={dark ? "fade-container-dark" : "fade-container"}
-    >
+    <div ref={fadeContainerRef} className="fade-container">
       <div ref={scrollContainerRef} className="scroll-container flex gap-2">
         {!loadingTags &&
           tags.map((tag, idx) => (
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 3506b3662..730250efb 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -1040,12 +1040,11 @@
 
   .fade-container::before,
   .fade-container::after {
-    @apply pointer-events-none absolute bottom-0 top-0;
+    @apply pointer-events-none absolute bottom-0 top-0 bg-gradient-to-r to-transparent from-background;
     content: "";
     width: 50px;
     opacity: 0;
     transition: opacity 0.3s;
-    background: linear-gradient(to right, white, transparent);
   }
 
   .fade-container::after {