diff --git a/src/scss/header.scss b/src/scss/header.scss
index 0133dc6cc6..43a73cb041 100644
--- a/src/scss/header.scss
+++ b/src/scss/header.scss
@@ -12,11 +12,22 @@
   @include themify($themes) {
     background-color: themed("headerBackgroundColor");
     border-bottom-color: themed("headerBorderColor");
-  }
 
-  app-search {
-    grid-column-start: 2;
-    width: 100%;
+    app-search {
+      grid-column-start: 2;
+      width: 100%;
+
+      [type="search"]::-webkit-search-cancel-button {
+        -webkit-appearance: none;
+        appearance: none;
+        height: 15px;
+        width: 15px;
+        background-repeat: no-repeat;
+        mask-image: url("../images/close-button.svg");
+        -webkit-mask-image: url("../images/close-button.svg");
+        background-color: themed("headerInputColor");
+      }
+    }
   }
 
   app-account-switcher {