diff --git a/src/Components/Profile.css b/src/Components/Profile.css
index ffb5507e1fe..57698a87653 100644
--- a/src/Components/Profile.css
+++ b/src/Components/Profile.css
@@ -20,7 +20,6 @@
   width: 50px;
   cursor: pointer;
   font-size: 23px;
-  color: rgb(68, 68, 68);
   transition: all 0.2s ease-in-out;
 }
 
diff --git a/src/Components/Search/Search.css b/src/Components/Search/Search.css
index 56a8a5f5601..e9b388b3b73 100644
--- a/src/Components/Search/Search.css
+++ b/src/Components/Search/Search.css
@@ -7,6 +7,10 @@ a {
 }
 
 .p-chip:hover {
+  transform: scale(1.1);
+  box-shadow: 8px 8px 15px #bdc0c4, -8px -8px 15px #ffffff;
+  background: linear-gradient(145deg, #c8cbcf, #eef2f6);
+  color: black !important;
     transform: scale(1.1);
     background: linear-gradient(145deg, #87888b, #363c3e);
     box-shadow: 1px 1px 3px 3px rgba(255,247,255,0.71);
diff --git a/src/Components/Search/Search.js b/src/Components/Search/Search.js
index 621cac62ad8..45d49857b8d 100644
--- a/src/Components/Search/Search.js
+++ b/src/Components/Search/Search.js
@@ -48,7 +48,7 @@ function Search() {
               <GetIcons
                 iconName="arrowLeft"
                 size={20}
-                className={`${darkTheme ? 'text-white' : 'text-gray-900'}`}
+                className={`${darkTheme ? 'text-white' : 'text-black'}`}
               />
             </Link>
           }
diff --git a/src/Components/Search/Users.js b/src/Components/Search/Users.js
index cc261ccc506..e1a23ea3e0f 100644
--- a/src/Components/Search/Users.js
+++ b/src/Components/Search/Users.js
@@ -16,7 +16,7 @@ function Users({ list }) {
 
   const theme = {
     backgroundColor: `${darkTheme ? '#333333' : '#dee2e6'}`,
-    color: `${darkTheme ? 'white' : 'grey'}`,
+    color: `${darkTheme ? 'white' : 'black'}`,
   }
 
   const typeHandler = (value) => {