From c42c880db90e764b9fdcb4641fc8bf0ad9c99670 Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <yggg@users.noreply.github.com>
Date: Fri, 27 Sep 2019 19:11:27 +0300
Subject: [PATCH] fix(layout header): prevent stretching wider than window max
 width (#1980)

---
 .../components/layout/_layout.component.theme.scss    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/framework/theme/components/layout/_layout.component.theme.scss b/src/framework/theme/components/layout/_layout.component.theme.scss
index 17c19ee6a6..bac388e913 100644
--- a/src/framework/theme/components/layout/_layout.component.theme.scss
+++ b/src/framework/theme/components/layout/_layout.component.theme.scss
@@ -71,9 +71,16 @@
       margin: 0 auto;
     }
 
-    .layout nb-layout-header nav {
+    .layout nb-layout-header {
       max-width: nb-theme(layout-window-mode-max-width);
-      margin: 0 auto;
+      margin-left: auto;
+      margin-right: auto;
+      width: 100%;
+
+      nav {
+        max-width: nb-theme(layout-window-mode-max-width);
+        margin: 0 auto;
+      }
     }
 
     @media screen and (min-width: nb-theme(layout-window-mode-max-width) + 20px) {