diff --git a/assets/theme-css/search.css b/assets/theme-css/search.css
index 9e66566b..df894fc0 100644
--- a/assets/theme-css/search.css
+++ b/assets/theme-css/search.css
@@ -24,3 +24,10 @@
 .pagefind-ui__result-title > .pagefind-ui__result-link {
   color: unset !important;
 }
+.pagefind-ui__search-clear{
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+.pagefind-ui__search-clear:hover{
+  background-color: #333;
+  color: #fff;
+}
\ No newline at end of file