diff --git a/components/activelink.tsx b/components/activelink.tsx
index 164c876..30aa57a 100644
--- a/components/activelink.tsx
+++ b/components/activelink.tsx
@@ -7,6 +7,7 @@ import styled, {css} from "styled-components"
 const ALink = styled.a<{active?: boolean}>`
 	border-bottom: 1px solid transparent;
 	${({active}) => active && css`
+		color: var(--fg) !important;
 		border-bottom-color: currentColor;
 	`}
 `