diff --git a/layouts/hub.tsx b/layouts/hub.tsx
index 234b7a0e30..9f14770586 100644
--- a/layouts/hub.tsx
+++ b/layouts/hub.tsx
@@ -48,7 +48,7 @@ const HubLayout = ({ children }: { children: React.ReactNode }) => {
   }, [router, onboarded]);
 
   const getActiveLinkClassNames = (href: string) => {
-    return router.pathname === href ? "text-light-slate-11" : "text-slate-300";
+    return router.pathname === href ? "text-light-slate-12" : "text-slate-300";
   };
 
   return (