diff --git a/components/Footer.jsx b/components/Footer.jsx
index d1e71cb..a02857f 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -77,10 +77,15 @@ export default function Footer() {
         <div className="flex flex-col gap-6 ml-1">
           <h1 className="text-2xl font-semibold">Important Links</h1>
           <div className="flex flex-col gap-4 font-medium text-gray-600 dark:text-gray-400">
-            <Link href="https://discord.com/invite/AB2vCdyw">
+            <Link
+              href="https://discord.com/invite/AB2vCdyw"
+              className="hover:underline"
+            >
               Join Community
             </Link>
-            <Link href="/contact"> Contact</Link>
+            <Link href="/contact" className="hover:underline">
+              Contact
+            </Link>
           </div>
         </div>
       </div>
diff --git a/components/Navbar.jsx b/components/Navbar.jsx
index 0e44e6d..e3b58bf 100644
--- a/components/Navbar.jsx
+++ b/components/Navbar.jsx
@@ -72,7 +72,7 @@ const Navbar = () => {
               key={index}
               href={item.href}
               className={`font-medium hover:text-foreground/90 transition-all
-                ${isActive(pathname, item.href) ? "text-foreground" : "text-foreground/70"}
+                ${isActive(pathname, item.href) ? "text-foreground" : "text-foreground/60"}
               `}
             >
               {item.title}