From d71e69ac3c9b7043670c8a8c5a1af323c50e9ee5 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sat, 14 Oct 2023 00:10:16 +0530
Subject: [PATCH] chore: muted color for collection search close icon

---
 .../src/components/Sidebar/Collections/StyledWrapper.js       | 4 ++++
 .../bruno-app/src/components/Sidebar/Collections/index.js     | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
index c38bfc4ed..18058e6aa 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
@@ -12,6 +12,10 @@ const Wrapper = styled.div`
       fill: rgb(140, 140, 140);
     }
   }
+
+  span.close-icon {
+    color: ${(props) => props.theme.colors.text.muted};
+  }
 `;
 
 export default Wrapper;
diff --git a/packages/bruno-app/src/components/Sidebar/Collections/index.js b/packages/bruno-app/src/components/Sidebar/Collections/index.js
index 289663ddf..e5a657ef9 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/index.js
@@ -104,11 +104,12 @@ const Collections = () => {
         {searchText !== '' && (
           <div className="absolute inset-y-0 right-0 pr-4 flex items-center">
             <span
+              className="close-icon"
               onClick={() => {
                 setSearchText('');
               }}
             >
-              <IconX size={16} strokeWidth={1.5} />
+              <IconX size={16} strokeWidth={1.5} className="cursor-pointer" />
             </span>
           </div>
         )}