diff --git a/client/src/components/layouts/NavActive.tsx b/client/src/components/layouts/NavActive.tsx
index c2101a6..13eb964 100644
--- a/client/src/components/layouts/NavActive.tsx
+++ b/client/src/components/layouts/NavActive.tsx
@@ -1,5 +1,5 @@
 import { Component } from "solid-js";
-import { useLocation } from "@solidjs/router";
+import { useLocation, A } from "@solidjs/router";
 
 export type Nav = {
   title: string;
@@ -13,15 +13,16 @@ const NavActive: Component<Nav> = (props) => {
   const localtion = useLocation();
 
   return (
-    <a
+    <A
       href={link}
       class={`${
         localtion.pathname === link && "text-primary font-extrabold"
       } text-gray-900 flex cursor-pointer items-center gap-x-2 rounded-md py-2 px-4 hover:opacity-80`}
+      end={true}
     >
       {isIcon && icon}
       <span class="font-medium">{title}</span>
-    </a>
+    </A>
   );
 };