diff --git a/templates/base.html b/templates/base.html
index c148861..a1f5735 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -30,33 +30,42 @@
         
         <!-- Navigation menu -->
         <nav class="nav-links">
-            <a href="/">Home</a>
-            <div class="dropdown">
-                <a href="/methodology">Methodology</a>
-                <div class="dropdown-content">
-                    <a href="/windows">Windows</a>
-                    <a href="/linux">Linux</a>
+            <!-- Centered Links -->
+            <div class="nav-center">
+                <a href="/">Home</a>
+                <div class="dropdown">
+                    <a href="/methodology">Methodology</a>
+                    <div class="dropdown-content">
+                        <a href="/windows">Windows</a>
+                        <a href="/linux">Linux</a>
+                    </div>
                 </div>
-            </div>
-            <div class="dropdown">
-                <a href="/investigate">Investigate</a>
-                <div class="dropdown-content">
-                    <a href="/investigate/threat">Threat Intel</a>
-                    <a href="/investigate/ip">IP</a>
-                    <a href="/investigate/domain">Domain</a>
-                    <a href="/investigate/filehash">File Hash</a>
-                    <a href="/investigate/malware">Malware</a>
+                <div class="dropdown">
+                    <a href="/investigate">Investigate</a>
+                    <div class="dropdown-content">
+                        <a href="/investigate/threat">Threat Intel</a>
+                        <a href="/investigate/ip">IP</a>
+                        <a href="/investigate/domain">Domain</a>
+                        <a href="/investigate/filehash">File Hash</a>
+                        <a href="/investigate/malware">Malware</a>
+                    </div>
                 </div>
+                <a href="/rule_creation">Rule Creation</a>
+            </div>
+        
+            <!-- Right-Aligned Links -->
+            <div class="nav-right">
+                {% if current_user.is_authenticated %}
+                    <a href="/notebook">Notebook</a>
+                    <a href="/profile">{{ current_user.username }}</a>
+                {% else %}
+                    <a href="/register">Register</a>
+                    <a href="/login">Login</a>
+                {% endif %}
             </div>
-            <a href="/rule_creation">Rule Creation</a>
-
-            {% if current_user.is_authenticated %}
-                <a href="/notebook">Notebook</a>
-                <a href="/profile">{{ current_user.username }}</a>
-            {% else %}
-                <a href="/login">Login</a>
-            {% endif %}
         </nav>
+        
+        
 
         <!-- Theme Toggle Slider -->
         <label class="switch">
@@ -107,6 +116,18 @@
             }
         });
 
+        const navLinks = document.querySelectorAll('.nav-links a');
+
+        navLinks.forEach(link => {
+            link.addEventListener('click', function() {
+                // Remove active class from all links
+                navLinks.forEach(link => link.classList.remove('active'));
+
+                // Add active class to clicked link
+                this.classList.add('active');
+            });
+        });
+
         // Burger menu toggle function for mobile
         function toggleMenu() {
             const navLinks = document.querySelector('.nav-links');