diff --git a/packages/fakeyou.com/src/components/common/NavItem/NavItem.scss b/packages/fakeyou.com/src/components/common/NavItem/NavItem.scss
index 7bb28aa022..c46d0cd1a1 100644
--- a/packages/fakeyou.com/src/components/common/NavItem/NavItem.scss
+++ b/packages/fakeyou.com/src/components/common/NavItem/NavItem.scss
@@ -6,15 +6,21 @@
   cursor: pointer;
   font-size: 15px;
   font-weight: 500;
-  color: rgba($white, 0.8);
+  color: rgba($white, 0.8) !important;
   transition: 0.15s all;
 
   a {
-    color: rgba($white, 0.8);
+    color: rgba($white, 0.8) !important;
     font-size: 15px;
-    font-weight: 500;
+    font-weight: 500 !important;
     transition: 0.15s all;
   }
+
+  &:hover {
+    a {
+      color: $white !important;
+    }
+  }
 }
 
 .fy-nav-item:hover .fy-dropdown-menu {
diff --git a/packages/fakeyou.com/src/components/common/NavItem/NavItem.tsx b/packages/fakeyou.com/src/components/common/NavItem/NavItem.tsx
index c0a38350da..3195eedf42 100644
--- a/packages/fakeyou.com/src/components/common/NavItem/NavItem.tsx
+++ b/packages/fakeyou.com/src/components/common/NavItem/NavItem.tsx
@@ -30,7 +30,7 @@ export default function NavItem({
 }: NavItemProps) {
   const [isHovered, setIsHovered] = useState(false);
 
-  const textHover = `${isHovered && "text-white"}`.trim();
+  const textHover = `${isHovered ? "text-white" : ""}`.trim();
 
   const renderContent = () => {
     if (isHoverable && dropdownItems) {