From 3b604085abaeb021b9cbc34d6a472a3b00937e87 Mon Sep 17 00:00:00 2001
From: "claudia.holhos" <claudia.holhos@hpm.ro>
Date: Tue, 2 Mar 2021 11:29:57 +0200
Subject: [PATCH] clear button styling

---
 .../templates/Search/filterPrice.module.css           | 11 +++++++++++
 src/components/templates/Search/filterPrice.tsx       |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/templates/Search/filterPrice.module.css b/src/components/templates/Search/filterPrice.module.css
index 3ad41e860..ef6fe3e40 100644
--- a/src/components/templates/Search/filterPrice.module.css
+++ b/src/components/templates/Search/filterPrice.module.css
@@ -42,3 +42,14 @@ button.filter,
   margin-left: calc(var(--spacer) / 6);
   color: var(--background-body);
 }
+
+.filter.clearSelected {
+  color: var(--background-body);
+  background: var(--font-color-text);
+  border-color: var(--background-body);
+}
+
+.filter.clearSelected::after {
+  margin-left: calc(var(--spacer) / 6);
+  color: var(--background-body);
+}
\ No newline at end of file
diff --git a/src/components/templates/Search/filterPrice.tsx b/src/components/templates/Search/filterPrice.tsx
index f48064dd8..f1c9ae69a 100644
--- a/src/components/templates/Search/filterPrice.tsx
+++ b/src/components/templates/Search/filterPrice.tsx
@@ -144,7 +144,7 @@ export default function FilterPrice({
       <div className={styles.filterList}>
         {clearFilters.map((e, index) => {
           const selectFilter = cx({
-            [styles.selected]: clearSelected,
+            [styles.clearSelected]: clearSelected,
             [styles.filter]: true
           })
           return (