diff --git a/src/app/shared/lang-switch/lang-switch.component.scss b/src/app/shared/lang-switch/lang-switch.component.scss
index efa7a55c44..6d79e6ab25 100644
--- a/src/app/shared/lang-switch/lang-switch.component.scss
+++ b/src/app/shared/lang-switch/lang-switch.component.scss
@@ -4,7 +4,7 @@
 
 @media screen and (min-width: map-get($grid-breakpoints, md)) {
   .dropdown-toggle {
-    color: var(--ds-header-icon-color) !important;
+    color: var(--ds-header-icon-color);
 
     &:hover, &focus {
       color: var(--ds-header-icon-color-hover);
diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss
index 4098bb6417..e656972430 100644
--- a/src/styles/_custom_variables.scss
+++ b/src/styles/_custom_variables.scss
@@ -22,8 +22,8 @@
   --ds-header-bg: #{$white};
   --ds-header-logo-height: 50px;
   --ds-header-logo-height-xs: 50px;
-  --ds-header-icon-color: #{$cyan};
-  --ds-header-icon-color-hover: #{darken($white, 15%)};
+  --ds-header-icon-color: #{$link-color};
+  --ds-header-icon-color-hover: #{$link-hover-color};
   --ds-header-navbar-border-top-color: #{$white};
   --ds-header-navbar-border-bottom-color: #{$gray-400};
   --ds-navbar-link-color: #{$cyan};