diff --git a/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
index c38bfc4e..18058e6a 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 289663dd..e5a657ef 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>
         )}