diff --git a/src/component/search/index.css b/src/component/search/index.css
index 2d8a2c56..1fb5e5f8 100644
--- a/src/component/search/index.css
+++ b/src/component/search/index.css
@@ -43,10 +43,17 @@ input[type="search"]:disabled {
 }
 
 .is-search .search-clear {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
   opacity: 1;
   pointer-events: all;
 }
 
+.is-search .search-clear:after {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
 .is-search .search-input {
   padding-right: 4em;
 }
diff --git a/src/component/search/index.js b/src/component/search/index.js
index 64cecd97..813d739c 100644
--- a/src/component/search/index.js
+++ b/src/component/search/index.js
@@ -42,7 +42,7 @@ export const Search = function() {
       text: 'Clear search',
       srOnly: true,
       iconName: 'cross',
-      style: ['link'],
+      style: ['link', 'line'],
       title: 'Clear search',
       classList: ['search-clear'],
       func: () => {