diff --git a/src/app/core-ui/main-header/main-header.component.html b/src/app/core-ui/main-header/main-header.component.html
index 80f69036c2..eed9c30c53 100644
--- a/src/app/core-ui/main-header/main-header.component.html
+++ b/src/app/core-ui/main-header/main-header.component.html
@@ -1,4 +1,4 @@
-<div class="wrapper bgc-primary mat-elevation-z3">
+<div class="wrapper mat-elevation-z3">
   <button [matMenuTriggerFor]="mainMenu"
           [style.pointer-events]="isMainMenuDisabled ? 'none' : 'all'"
           (menuOpened)="isMainMenuDisabled = true"
diff --git a/src/app/core-ui/main-header/main-header.component.scss b/src/app/core-ui/main-header/main-header.component.scss
index b4dd2eac95..45e696f202 100644
--- a/src/app/core-ui/main-header/main-header.component.scss
+++ b/src/app/core-ui/main-header/main-header.component.scss
@@ -6,6 +6,10 @@ $navBp2Lines: 680px;
 $navBpShrinking: 900px;
 $mobileHorizontalPadding: 8px;
 
+.wrapper{
+  @include mat-css-color-and-contrast(500);
+}
+
 :host-context(.isMac.isElectron) {
   .wrapper {
     -webkit-app-region: drag;
diff --git a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
index 6a3a45f40e..d3b33135a2 100644
--- a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
+++ b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
@@ -7,7 +7,7 @@ $listControlsWidth: 36px;
 $bookmarkMinWidth: 56px;
 
 :host {
-  @include mat-css-color-and-contrast(700);
+  @include mat-css-color-and-contrast(800);
 }