diff --git a/faq.html b/faq.html
index 18eefae..6180d68 100644
--- a/faq.html
+++ b/faq.html
@@ -18,7 +18,7 @@
 <body>
     <nav>
       <div class="nav-container">
-        <div class="nav-logo">Project Vault</div>
+      <a href="./index.html"><div class="nav-logo">Project Vault</div></a>
 
         <div class="mobile-menu-toggle" id="mobileMenuToggle">
           <span></span>
diff --git a/index.html b/index.html
index 140f4e4..b5e05a0 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@
     <!-- Desktop Navigation -->
     <nav>
       <div class="nav-container">
-        <div class="nav-logo">Project Vault</div>
+       <a href="./index.html"> <div class="nav-logo">Project Vault</div></a>
         <div class="mobile-menu-toggle" id="mobileMenuToggle">
           <span></span>
           <span></span>
@@ -50,7 +50,7 @@
           <a href="./index.html" class="nav-link"><i class="fa-solid fa-house"></i> Home</a>
           <a href="./assets/html_files/aboutus.html" class="nav-link"><i class="fa-solid fa-circle-info"></i> About Us</a>
           <div class="dropdown">
-            <div class="dropdown-toggle nav-link"><i class="fa-solid fa-icons"></i> Components ▾</div>
+            <div class="dropdown-toggle nav-link" class="nav-link"><i class="fa-solid fa-icons"></i> Components ▾</div>
             <div class="dropdown-content">
               <a href="./assets/html_files/website.html">Webfolio</a>
               <a href="./assets/html_files/games.html">Games</a>
diff --git a/style.css b/style.css
index e71b47a..2a248ed 100644
--- a/style.css
+++ b/style.css
@@ -118,11 +118,19 @@ header h1 {
 }
 
 .nav-link:hover {
-  background: rgba(255, 255, 255, 0.1);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+  background: rgba(255, 255, 255, 0.2); /* more visible glow */
+  transform: scale(1.05); /* subtle zoom instead of move */
+  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); /* soft glow */
+  color: #ffeb3b; /* bright yellow on hover */
 }
 
+nav a:hover,
+.dropdown-content a:hover {
+  color: #ffeb3b; /* match the hover color above */
+}
+
+
+
 /* ========== DROPDOWN ========== */
 .dropdown {
   position: relative;
