diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index a9a5eca03d746d091afa2783651655a5dd135086..2dacba6add9e75ce47ffc1a43bb387da6228228b 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -4,13 +4,16 @@
 @import "./result-saver.less";
 @import "./result.less";
 @import "./product.less";
+@result-width: 700px;
+@quicktip-width: 500px;
+@results-margin-left: @resultpage-leftbox-big-screen-margin-left;
 #header-logo {
     z-index: 0;
     padding-right: 10px;
     h1 {
         .logo;
         margin: 0px;
-        font-size: 18px;
+        font-size: 22px;
         display: inline-block;
     }
 }
@@ -311,9 +314,6 @@ a {
     flex-direction: column;
 }
 
-@result-width: 700px;
-@quicktip-width: 500px;
-@results-margin-left: @resultpage-leftbox-big-screen-margin-left;
 #resultpage-container {
     width: @result-width + @quicktip-width;
     align-self: left;
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index b9d9feaae2d94117b3308118d35a57cf87d43c6d..d0fa42344ed73e652fe7f943acc29407937586a7 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -257,6 +257,7 @@ header:nth-child(1) {
 .scrollbox {
     position: relative;
     width: 100%;
+    max-width: @result-width;
     .foki-scrollfade {
         &-left,
         &-right {