diff --git a/src/theme/components/Link.ts b/src/theme/components/Link.ts
index ca8aaf93c1..0c09c4ecc7 100644
--- a/src/theme/components/Link.ts
+++ b/src/theme/components/Link.ts
@@ -15,13 +15,13 @@ export const Link = {
     light: {
       textDecoration: 'underline',
       color: 'primary',
-      _hover: { color: 'body', textDecorationColor: 'body' },
+      _hover: { color: 'body', textDecorationColor: 'secondary' },
       _focus: {
         color: 'primary',
-        boxShadow: '0 0 0 1px var(--chakra-colors-primary)',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary) !important',
         textDecoration: 'none'
       },
-      _pressed: {
+      _active: {
         color: 'secondary',
         textDecorationColor: 'secondary'
       }