Final

frontend/src/app/components/navbar/Navbar.jsx

@@ -16,6 +16,7 @@ import CredentialsIcon from "../icons/credentials";
 import AgentIcon from "../icons/agent";
 import DownloadIcon from "../icons/download";
 import useNavigations from "@/app/hooks/useNagivation";
+import { usePathname } from "next/navigation";
 
 const Navbar = () => {
   const [triggerDropDown, setTriggerDropDown] = useState(false);
@@ -27,11 +28,15 @@ const Navbar = () => {
     navToHome,
     navToOrganization,
     navToUsers,
-  } = useNavigations();
+  } = useNavigations(setTriggerDropDown);
+
+  const pathname = usePathname();
 
   const isMobile = useIsMobile();
   return (
-    <div className={styles.mainContainer}>
+    <div
+      className={`${styles.mainContainer} ${pathname.includes("/add") ? styles.onAdd : ""}`}
+    >
       {/* Mobile Hamburger Button */}
       <div className={styles.mobileHamburger}>
         <div className={styles.hamburgerMenu}>