diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 9dc495f..4282b5b 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -242,3 +242,5 @@ import Authentication from "./Authentication.astro";
     });
   });
 </script>
+<script is:inline src="/scripts/vendor/preline/collapse/index.js"></script>
+<script is:inline src="/scripts/vendor/preline/overlay/index.js"></script>
\ No newline at end of file
diff --git a/src/components/ui/links/NavLink.astro b/src/components/ui/links/NavLink.astro
index 0900f4f..b39f149 100644
--- a/src/components/ui/links/NavLink.astro
+++ b/src/components/ui/links/NavLink.astro
@@ -23,20 +23,20 @@ If URL is '/' (home page), assign ID as 'home'
 </a>
 
 <script>
-  window.onload = function () {
-    let url = window.location.pathname.slice(1);
-    url = url ? url : "home";
-    let nav = document.getElementById(url);
-    if (nav) {
-      // If a matching link found, update its styles and set aria-current attribute
-      nav.classList.remove(
-        "text-neutral-600",
-        "dark:text-neutral-400",
-        "hover:text-neutral-500",
-        "dark:hover:text-neutral-500",
-      );
-      nav.classList.add("text-[#fa5a15]", "dark:text-[#fb713b]");
-      nav.setAttribute("aria-current", "page");
-    }
-  };
+    window.onload = function () {
+        let url = window.location.pathname;
+        let firstPathSegment = url.split('/')[1];
+        let navId = firstPathSegment ? firstPathSegment : 'home';
+        let nav = document.getElementById(navId);
+        if (nav) {
+            nav.classList.remove(
+                'text-neutral-600',
+                'dark:text-neutral-400',
+                'hover:text-neutral-500',
+                'dark:hover:text-neutral-500',
+            );
+            nav.classList.add('text-[#fa5a15]', 'dark:text-[#fb713b]');
+            nav.setAttribute('aria-current', 'page');
+        }
+    };
 </script>
\ No newline at end of file
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 1ac4566..d51e71e 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -27,7 +27,7 @@ interface Props {
         document.documentElement.classList.remove("dark");
       }
     </script>
-    <script is:inline src="/assets/vendor/lenis/lenis.js"></script>
+    <script is:inline src="/scripts/vendor/lenis/lenis.js"></script>
     <script is:inline>
       // This script is to handle lenis library settings and behaviors, like the smooth scrolling
       const lenis = new Lenis({ smooth: true, smoothTouch: false });
@@ -39,7 +39,6 @@ interface Props {
 
       requestAnimationFrame(raf);
     </script>
-    <script is:inline src="/assets/vendor/preline/preline.js"></script>
   </head>
   <body
     class="bg-neutral-200 selection:bg-yellow-400 selection:text-neutral-700 dark:bg-neutral-800"
