diff --git a/src/assets/less/site/search.less b/src/assets/less/site/search.less
index ca0064615..ccac069ae 100644
--- a/src/assets/less/site/search.less
+++ b/src/assets/less/site/search.less
@@ -24,7 +24,11 @@
     text-decoration: none;
     position: absolute;
     right: 18px;
-    top: 53px;
+    top: 54px;
+    color: @text-muted;
+    &:hover {
+      color: mix(#000, @text-muted, 20%);
+    }
   }
 }
 
diff --git a/src/icons.html b/src/icons.html
index e6f61a17c..326660af2 100644
--- a/src/icons.html
+++ b/src/icons.html
@@ -26,7 +26,7 @@ relative_path: ../
       <section id="search">
         <label for="search-input"><i class="fa fa-search"></i></label>
         <input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
-        <a id="search-clear" href="#" class="fa fa-times hide"></a>
+        <a id="search-clear" href="#" class="fa fa-times-circle hide"></a>
       </section>
     </div>
     <div class="col-md-2 col-sm-3 hidden-xs">