diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index 29b270a8855..042c1db011a 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -95,10 +95,12 @@ h1 a.badge-category div {vertical-align: top;}
 
 // specific styles for badge categories
 
-.bar {
-  .badge-category {
+.bar .badge-category {
     color: $primary !important;
-  }
+}
+
+header .bar .badge-category {
+    color: $header-primary !important;
 }