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 (