diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index ae3f1da73..12da60d4c 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -89,6 +89,13 @@ input.search {
   padding: 0;
   margin: 0;
   outline: 0;
+  &::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    background: url('/images/x.png') no-repeat center;
+    background-size: cover;
+  }
 }
 
 .tool-bar {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index d7cda29fe..604e20b57 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -442,6 +442,12 @@ input.search {
   padding: 0;
   margin: 0;
   outline: 0; }
+  input.search::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    background: url("/images/x.png") no-repeat center;
+    background-size: cover; }
 
 .tool-bar button.show-new-conversation {
   float: right;