diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 393ab91730c87b9acf31a2ce7bf30838c5ea2ab8..295c9494076e5b4209cc4cb5cf45fc667a28fcd1 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -16,10 +16,8 @@
     font-size: 16px;
     background-color: transparent;
     color: #333;
-    &>* {
-        background-color: white;
-    }
     .search-input-submit {
+        background-color: @searchbar-background-color;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
@@ -103,6 +101,7 @@
                 height: 40px;
                 -webkit-box-shadow: none;
                 box-shadow: none;
+                background-color: transparent;
                 &:focus {
                     outline-color: @metager-orange;
                     -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
diff --git a/resources/assets/less/metager/variables.less b/resources/assets/less/metager/variables.less
index e0cde9186907c75dfe96ac7db7ab4b8c70eedcc7..6a99c619ebed70e80562cb99d8bb8499dc8de660 100644
--- a/resources/assets/less/metager/variables.less
+++ b/resources/assets/less/metager/variables.less
@@ -54,4 +54,5 @@ sans-serif;
 @product-a-color: @color-strong-grey;
 @product-price-color: @color-strong-grey;
 @product-price-background-color: fade(@color-white, 90%);
-@lsprev-or-lsnext-i-background-color: @color-black;
\ No newline at end of file
+@lsprev-or-lsnext-i-background-color: @color-black;
+@searchbar-background-color: white;
\ No newline at end of file