Index: client/src/Dashboard/components/Navbar.jsx
===================================================================
--- client/src/Dashboard/components/Navbar.jsx	(revision 745232a4ac626272f4a8c53cf347c9bce8605547)
+++ client/src/Dashboard/components/Navbar.jsx	(revision e8418596433ffd33eb3c10ecf8ffcdde0f0606e8)
@@ -1,4 +1,4 @@
 import React from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useLocation } from "react-router-dom";
 import logoIcon from "../../assets/images/logoIcon.png";
 import logoText from "../../assets/images/logoText.png";
@@ -9,5 +9,16 @@
 export default function Navbar() {
   const navigate = useNavigate();
+  const location = useLocation();
   const { user } = useAuth();
+
+  const isActive = (path) => {
+    if (path === "/dashboard" && location.pathname === "/dashboard") {
+      return true;
+    }
+    if (path !== "/dashboard" && location.pathname.startsWith(path)) {
+      return true;
+    }
+    return false;
+  };
 
   return (
@@ -24,5 +35,9 @@
           <li>
             <button
-              className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors `}
+              className={`flex items-center gap-4 px-4 py-3 rounded-lg transition-colors ${
+                isActive("/dashboard")
+                  ? "bg-[#FFB800] text-black"
+                  : "hover:bg-[#FFB800] hover:text-black"
+              }`}
               onClick={() => navigate("/dashboard")}
             >
@@ -42,5 +57,9 @@
           <li>
             <button
-              className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors`}
+              className={`flex items-center gap-4 px-4 py-3 rounded-lg transition-colors ${
+                isActive("/dashboard/leaderboard")
+                  ? "bg-[#FFB800] text-black"
+                  : "hover:bg-[#FFB800] hover:text-black"
+              }`}
               onClick={() => navigate("/dashboard/leaderboard")}
             >
@@ -60,5 +79,9 @@
           <li>
             <button
-              className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors`}
+              className={`flex items-center gap-4 px-4 py-3 rounded-lg transition-colors ${
+                isActive("/dashboard/forum")
+                  ? "bg-[#FFB800] text-black"
+                  : "hover:bg-[#FFB800] hover:text-black"
+              }`}
               onClick={() => navigate("/dashboard/forum")}
             >
@@ -82,5 +105,9 @@
             <li>
               <button
-                className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors`}
+                className={`flex items-center gap-4 px-4 py-3 rounded-lg transition-colors ${
+                  isActive("/dashboard/manage-posts")
+                    ? "bg-[#FFB800] text-black"
+                    : "hover:bg-[#FFB800] hover:text-black"
+                }`}
                 onClick={() => navigate("/dashboard/manage-posts")}
               >
@@ -108,5 +135,9 @@
       <div className="absolute bottom-0 left-0 w-64 right-0 p-4 border-t border-base-content/10">
         <button
-          className={`flex items-center gap-3  px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors `}
+          className={`flex items-center gap-3 px-4 py-3 rounded-lg transition-colors ${
+            isActive("/dashboard/profile")
+              ? "bg-[#FFB800] text-black"
+              : "hover:bg-[#FFB800] hover:text-black"
+          }`}
           onClick={() => navigate("/dashboard/profile")}
         >