diff --git a/assets/js/main.js b/assets/js/main.js
index 73fa884..3b3e302 100755
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -10,7 +10,7 @@
 
   dropdownMenuToggler.forEach((toggler) => {
     toggler?.addEventListener("click", (e) => {
-      e.target.parentElement.classList.toggle("active");
+      e.target.closest('.nav-item').classList.toggle("active");
     });
   });
 
diff --git a/assets/scss/navigation.scss b/assets/scss/navigation.scss
index 7538a33..24fc9e1 100755
--- a/assets/scss/navigation.scss
+++ b/assets/scss/navigation.scss
@@ -36,7 +36,7 @@ input#nav-toggle:checked ~ #nav-menu {
 // }
 
 .nav-link {
-  @apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary block p-3 font-semibold transition lg:px-2 lg:py-3;
+  @apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3;
 }
 
 .nav-dropdown {