diff --git a/css/styles.css b/css/styles.css
index c613e9f..e1b8139 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2804,8 +2804,8 @@ a.label:hover {
 .l-header-bar__left {
   -ms-flex-positive: 1;
       flex-grow: 1;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  -ms-flex-negative: 1;
+      flex-shrink: 1;
   padding: 10px 0;
 }
 
diff --git a/sass/layouts/common/_l-header-bar.scss b/sass/layouts/common/_l-header-bar.scss
index f0fecd8..584f17f 100644
--- a/sass/layouts/common/_l-header-bar.scss
+++ b/sass/layouts/common/_l-header-bar.scss
@@ -24,7 +24,7 @@
 
 .l-header-bar__left {
   flex-grow: 1;
-  flex-shrink: 0;
+  flex-shrink: 1;
   padding: 10px 0;
 
   @include breakpoint($medium) {