From 2916502c714de3b101394d42721f9bb32183617b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 29 Nov 2023 19:10:38 -0300
Subject: [PATCH] fix(tagsSelectorComponent): remove unnecessary conditional
 class assignment for fade-container fix(applies.css): update
 fade-container::before and fade-container::after background gradient to match
 the new design

---
 src/frontend/src/components/tagsSelectorComponent/index.tsx | 5 +----
 src/frontend/src/style/applies.css                          | 3 +--
 2 files changed, 2 insertions(+), 6 deletions(-)

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 {