diff --git a/app/styles/common.css b/app/styles/common.css
index dbbc5f836..30c0a9867 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -475,7 +475,7 @@ dialog::backdrop {
 }
 
 .sub-nav__link.active {
-  color: var(--theme);
+  color: var(--theme-secondary);
 }
 
 .popover-content {
diff --git a/app/styles/vars.css b/app/styles/vars.css
index 80f7872b4..8a2804233 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -33,7 +33,7 @@
   --theme-very-transparent: #ffc6de36;
   --theme-vibrant: hsl(255deg 78% 65%);
   --theme-transparent: #ffc6de52;
-  --theme-secondary: hsl(85deg 66.7% 55.3%);
+  --theme-secondary: rgb(239, 229, 83);
   --inactive-image-filter: grayscale(100%) brightness(130%);
   --rounded: 16px;
   --rounded-full: 200px;