diff --git a/src/Resources/app/storefront/src/scss/base.scss b/src/Resources/app/storefront/src/scss/base.scss
index 704c492..bd2cb6c 100644
--- a/src/Resources/app/storefront/src/scss/base.scss
+++ b/src/Resources/app/storefront/src/scss/base.scss
@@ -132,10 +132,40 @@ strong {
 
   .header-search {
     .header-search-input,
-    .header-search-btn {
+    .header-search-btn,
+    .header-close-btn {
       height: 37px;
     }
 
+    .input-group {
+      border: 1px solid #ced4da;
+      border-radius: 0;
+
+      &:focus-within {
+        border-color: #3f2a56;
+      }
+    }
+
+    .header-search-input {
+      border: none;
+
+      &:focus {
+        box-shadow: none;
+      }
+    }
+
+    .header-search-btn,
+    .header-close-btn {
+      background-color: #fff;
+      border: none;
+
+      &:focus,
+      &:active,
+      &:focus-visible {
+        box-shadow: none;
+      }
+    }
+
     .header-search-icon {
       vertical-align: text-top;
     }