diff --git a/build/media_source/templates/site/cassiopeia_extended/scss/global/colors.scss b/build/media_source/templates/site/cassiopeia_extended/scss/global/colors.scss
index aeb691889530d..cc1f4ce6cddcf 100644
--- a/build/media_source/templates/site/cassiopeia_extended/scss/global/colors.scss
+++ b/build/media_source/templates/site/cassiopeia_extended/scss/global/colors.scss
@@ -32,10 +32,10 @@ a:focus-visible,
   --btn-color: var(--btncolor);
   --btn-bg: var(--btnbg);
   --btn-border-color: var(--btnbg);
-  --btn-hover-color: var(--btncolor);
+  --btn-hover-color: var(--btncolorh);
   --btn-hover-bg: var(--btnbgh);
   --btn-hover-border-color: var(--btnbgh);
-  --btn-active-color: var(--btncolor);
+  --btn-active-color: var(--btncolorh);
   --btn-active-bg: var(--btnbgh);
   --btn-active-border-color: var(--btnbgh);
   --btn-disabled-color: var(--btncolor);