diff --git a/packages/docs/README.md b/packages/docs/README.md
index ccf5c607f..007ce5bd5 100644
--- a/packages/docs/README.md
+++ b/packages/docs/README.md
@@ -5,11 +5,7 @@
 yarn run build:mosaic-examples
 ```
 
-2. generate components for Docs App
-```bash
-yarn run build:mosaic
-``` 
-3. generate `docs-content` folder
+2. generate `docs-content` folder
 ```bash
 yarn run build:docs
 ```
diff --git a/packages/docs/src/_app-theme.scss b/packages/docs/src/_app-theme.scss
index b81b745c7..c0d81920a 100644
--- a/packages/docs/src/_app-theme.scss
+++ b/packages/docs/src/_app-theme.scss
@@ -7,14 +7,18 @@
     $warn: map-get($theme, warn);
     $background: map-get($theme, background);
     $foreground: map-get($theme, foreground);
-    $next-theme: mc-palette($mat-red);
+    //$next-theme: mc-palette($map-red); Переменная $map-red не определена
 
     .docs-app-background {
-        background: mc-palette($background, background);
+        background: map-get($background, background);
     }
 
     .docs-footer {
-        background: mc-palette($primary);
-        color: mc-palette($primary, default-contrast);
+        background: map-get($primary, background);
+        color: map-get($primary, default-contrast);
+    }
+
+    .docs-navbar-header {
+        background: map-get($background, background);
     }
 }
diff --git a/packages/docs/src/app/components/navbar/navbar.scss b/packages/docs/src/app/components/navbar/navbar.scss
index 1b23727b0..4bdd1fa28 100644
--- a/packages/docs/src/app/components/navbar/navbar.scss
+++ b/packages/docs/src/app/components/navbar/navbar.scss
@@ -7,3 +7,11 @@
     height: 64px;
     border-bottom: 1px solid #e6e7e8;
 }
+
+.docs-navbar-header_fixed{
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    right: 0px;
+    z-index: 1000;
+}
diff --git a/packages/docs/src/app/components/navbar/navbar.template.html b/packages/docs/src/app/components/navbar/navbar.template.html
index ac383881b..c049214fb 100644
--- a/packages/docs/src/app/components/navbar/navbar.template.html
+++ b/packages/docs/src/app/components/navbar/navbar.template.html
@@ -1,4 +1,4 @@
-<header role="header" class="docs-navbar-header">
+<header role="header" class="docs-navbar-header docs-navbar-header_fixed">
     <div class="icon">
         <a href="#/en">
             <img src="https://camo.githubusercontent.com/87a8f7c8b454d1c5bd916e286f682b68a178e3c4/68747470733a2f2f692e6962622e636f2f66514e506776362f6c6f676f2d706e672d3230302e706e67" alt="positive_js_logo" border="0" data-canonical-src="https://i.ibb.co/fQNPgv6/logo-png-200.png"
diff --git a/packages/docs/src/main.scss b/packages/docs/src/main.scss
index 156e92bc0..b8b4cf8d5 100644
--- a/packages/docs/src/main.scss
+++ b/packages/docs/src/main.scss
@@ -24,4 +24,6 @@ $theme: mc-light-theme($primary, $second, $error, $info, $success, $warning);
 // Include all theme styles for the components.
 @include mosaic-theme($theme);
 
+@include mosaic-docs-app-theme($theme);
+
 @include layout-padding-margin();