diff --git a/src/components/templates/Search/filterService.module.css b/src/components/templates/Search/filterService.module.css index c5d3ed19d..2f12c853d 100644 --- a/src/components/templates/Search/filterService.module.css +++ b/src/components/templates/Search/filterService.module.css @@ -47,6 +47,10 @@ button.filter, margin-bottom: calc(var(--spacer) / 6); } +.showClear:hover{ + display: inline-flex; + color: var(--color-primary); +} .showClear { display: inline-flex; text-transform: capitalize; diff --git a/src/components/templates/Search/filterService.tsx b/src/components/templates/Search/filterService.tsx index 11718b57e..78586ad97 100644 --- a/src/components/templates/Search/filterService.tsx +++ b/src/components/templates/Search/filterService.tsx @@ -42,6 +42,9 @@ export default function FilterPrice({ setServiceSelections([otherValue]) } else { await applyServiceFilter(undefined) + if (serviceSelections.includes(value)) { + serviceSelections.pop() + } } } else { if (serviceSelections.length) {