diff --git a/app/assets/stylesheets/framework/secondary_navigation_elements.scss b/app/assets/stylesheets/framework/secondary_navigation_elements.scss
index 6491f7699cf99dd3dd4c72835042d8b0ba4809fb..64669394af0ff1a0658dfef5486ce9175172ed06 100644
--- a/app/assets/stylesheets/framework/secondary_navigation_elements.scss
+++ b/app/assets/stylesheets/framework/secondary_navigation_elements.scss
@@ -42,8 +42,9 @@
       box-shadow: inset 0 -2px 0 0 $blue-500;
 
       .badge.badge-pill {
-        color: $black;
         font-weight: $gl-font-weight-bold;
+        color: var(--gl-badge-neutral-text-color-default);
+        background-color: var(--gl-badge-neutral-background-color-default);
       }
     }