diff --git a/src/components/Navbar/DesktopNav.tsx b/src/components/Navbar/DesktopNav.tsx
index d758d79..4cd0db9 100644
--- a/src/components/Navbar/DesktopNav.tsx
+++ b/src/components/Navbar/DesktopNav.tsx
@@ -37,7 +37,7 @@ const DesktopNav = ({ buttonData }: Props) => {
           borderColor={`accent`}
           _hover={{
             _after: {
-              color: "light",
+              color: "text",
               w: "100%",
               left: "50px",
               top: "0px",