diff --git a/styles/web/type-material.less b/styles/web/type-material.less
index a0bd010fe89..6d64ce71e52 100644
--- a/styles/web/type-material.less
+++ b/styles/web/type-material.less
@@ -177,7 +177,7 @@
 @secondary-background-color: contrast(@background, lighten(@background, 14%), darken(@background, 2%), 0.5);
 @secondary-hover-background-color: #5c6bc0;
 @secondary-header-color: rgba(256, 256, 256, 0.5);
-@secondary-header-background-color: #283593;
+@secondary-header-background-color: darken(@accent, 10%);
 
 /* Kendo skin */