diff --git a/components/global-header.tsx b/components/global-header.tsx
index fec1c89d8..2f00d269c 100644
--- a/components/global-header.tsx
+++ b/components/global-header.tsx
@@ -14,7 +14,13 @@ type MenuLinkProps = {
 function MenuLink(props: MenuLinkProps) {
   const { text, link, target = '_self', isFancy = false } = props;
 
-  const gradientProp = isFancy ? { bgGradient: 'linear(to-r, yellow.100, teal.100)', bgClip: 'text' } : {};
+  const gradientProp = isFancy ? {
+    bgGradient: 'linear(to-r, yellow.100, teal.100)',
+    bgClip: 'text',
+    _hover: {
+      color: 'yellow.100'
+    }
+  } : {};
 
   return <Link
     borderBottomWidth={0}