diff --git a/assets/scss/_search_project.scss b/assets/scss/_search_project.scss
index 1b0f0c34..f6d01345 100644
--- a/assets/scss/_search_project.scss
+++ b/assets/scss/_search_project.scss
@@ -168,4 +168,12 @@
 
 .form-control {
   border: 1px solid #ced4da;
-}
\ No newline at end of file
+}
+input[type="search"]::-webkit-search-cancel-button {
+  filter: invert(55%) sepia(75%) saturate(380%) hue-rotate(135deg) brightness(95%) contrast(90%);
+  cursor: pointer;
+  transform: scale(1.1);
+}
+input[type="search"]::-webkit-search-cancel-button:hover {
+  filter: invert(60%) sepia(95%) saturate(500%) hue-rotate(140deg) brightness(100%) contrast(100%);
+}