diff --git a/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx
index a417b4b7..29e345f5 100644
--- a/packages/ui/src/components/NavItem/index.tsx
+++ b/packages/ui/src/components/NavItem/index.tsx
@@ -46,6 +46,11 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
     }
   };
 
+  const navItemType =
+    (!segment[1] && `${segment[0]}` === href) || `/${segment[0]}` === href
+      ? "active"
+      : "inactive";
+
   return (
     <styled.div listStyle="none" role="presentation">
       <Link
@@ -55,7 +60,7 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
         href={`${href}`}
         tabIndex={0}
         className={navItemStyle({
-          type: !segment[1] && `${segment[0]}` === href ? "active" : "inactive",
+          type: navItemType,
         })}
         onClick={handleClickNavItem}
       >