From 72e007b6748fa291f12dac228c249f2f75e0b8ff Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Tue, 5 Sep 2023 18:37:16 +0330
Subject: [PATCH] fix: fix search page "clear filters" button style; refs #180

---
 src/components/SearchBox/SearchBox.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBox/SearchBox.tsx b/src/components/SearchBox/SearchBox.tsx
index b03a0d0..0fe2ad1 100644
--- a/src/components/SearchBox/SearchBox.tsx
+++ b/src/components/SearchBox/SearchBox.tsx
@@ -242,7 +242,9 @@ const SearchBox = (props: SearchBoxProps) => {
           className={`${showClear ? 'show' : ''}`}
           onClick={clear}
         >
-          Clear Filters
+          <span>clear</span>
+          <span> </span>
+          <span>filters</span>
         </Clear>
       </Filters>
       {busy ? (
@@ -394,6 +396,12 @@ const Clear = styled(Typography)`
   &.show {
     opacity: 1;
   }
+
+  ${(props) => lsdUtils.breakpoint(props.theme, 'xs', 'exact')} {
+    span:not(:first-child) {
+      display: none;
+    }
+  }
 `
 
 const Details = styled(Typography)`