diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index ac2b01a..1674718 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -32,7 +32,7 @@ export function MobileBottomNav() {
                 }}
                 className={cn(
                   "flex flex-col items-center justify-center gap-1 px-4 py-2 relative transition-colors",
-                  "text-zinc-400 hover:text-white"
+                  "text-white/70 hover:text-white"
                 )}
               >
                 <div className="relative">
@@ -56,7 +56,7 @@ export function MobileBottomNav() {
                 "flex flex-col items-center justify-center gap-1 px-4 py-2 relative transition-colors",
                 isActive 
                   ? "text-brand-yellow" 
-                  : "text-zinc-400 hover:text-white"
+                  : "text-white/70 hover:text-white"
               )}
             >
               <item.icon className="h-5 w-5" />