diff --git a/src/patterns/04-components/search/_search.scss b/src/patterns/04-components/search/_search.scss
index 36565da8ac89804bdcf86aefbeebe6d5915a18a1..522e0c27027285dbfc12875b7e271736e1acd0fa 100644
--- a/src/patterns/04-components/search/_search.scss
+++ b/src/patterns/04-components/search/_search.scss
@@ -44,7 +44,9 @@
       height: inherit;
       width: inherit;
     }
-
+    label[for="uw-search"] {
+      display: block;
+    }
     .option {
       display: inherit;
       font-family: inherit;
diff --git a/src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss b/src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss
index 9ba48fe7697496e9a38ae0463cd0cea2807c0edf..0d85abc3cbb066d047e8060571df9bc1e8e9f727 100644
--- a/src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss
+++ b/src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss
@@ -195,7 +195,9 @@
         }
       }
     }
-
+    .form-item-search-type {
+        width:0;
+    }
     .uw-input--search {
       background-color: var(--uw-black);
       border: 1px solid var(--uw-white);
@@ -275,8 +277,6 @@
         color: var(--uw-black);
       }
       @media(min-width: $screen-md) {
-        display: none;
-        opacity: 0;
         overflow: hidden;
         padding: 0;
         transition: opacity 0.5s ease;
@@ -425,6 +425,9 @@
 
     &:focus-within {
       @media(min-width: $screen-md) {
+        .form-item-search-type {
+          width:auto;
+        }
         .uw-input--search {
           transition: width 0.3s ease;
           width: 8rem;
@@ -454,7 +457,6 @@
           padding-left: var(--size-1); // LTR
           padding-right: 0;
           width: var(--size-16);
-
           &:hover,
           &:focus {
             background-color: var(--uw-white);