diff --git a/src/patterns/03-layouts/header/_header.scss b/src/patterns/03-layouts/header/_header.scss
index cf75d95417901c8c5758977796b90f9796a8cb9a..1f091b5d98c99213848e59370e20584f24d60575 100644
--- a/src/patterns/03-layouts/header/_header.scss
+++ b/src/patterns/03-layouts/header/_header.scss
@@ -64,6 +64,8 @@ $site-name-bg: var(--gray-2);
     display: grid;
     grid-template-columns: auto var(--size-8);
     padding: 0;
+    position: relative;
+    z-index: var(--layer-overlay);
   }
   .uw-header__site-name{
     grid-column: 1 / 2;
diff --git a/src/patterns/04-components/search/_search.scss b/src/patterns/04-components/search/_search.scss
index 08a0afc59f4b04ee7f9d9379ff07bb0a53f42a1a..af255160e53a5e2241dbd0f59557e3d7f0e6e1ad 100644
--- a/src/patterns/04-components/search/_search.scss
+++ b/src/patterns/04-components/search/_search.scss
@@ -283,7 +283,6 @@
       width: 2.125rem;
     }
 
-
     .uw-input {
       &.uw-input--checkboxform {
         display: block;
@@ -426,11 +425,12 @@
     }
 
     &:focus-within {
+
       @media(min-width: $screen-md) {
 
         .uw-input--search {
           transition: width 0.3s ease;
-          width: 1var(--size-8);
+          width: var(--size-8);
 
           &:hover {
             ~ .button--submit {