From c4c9d000eb735c43ee54ea70df19e7d791320dde Mon Sep 17 00:00:00 2001
From: Thith-thith <thiththin762@gmail.com>
Date: Mon, 7 Aug 2023 05:29:41 -0400
Subject: [PATCH] Changes to be committed: 	modified:  
 client/src/components/layouts/NavActive.tsx

---
 client/src/components/layouts/NavActive.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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>
   );
 };