diff --git a/resources/js/components/nav-main.tsx b/resources/js/components/nav-main.tsx
index ab55bd90b..9b22f6cf3 100644
--- a/resources/js/components/nav-main.tsx
+++ b/resources/js/components/nav-main.tsx
@@ -10,8 +10,9 @@ export function NavMain({ items = [] }: { items: NavItem[] }) {
             <SidebarMenu>
                 {items.map((item) => (
                     <SidebarMenuItem key={item.title}>
-                        <SidebarMenuButton  
-                            asChild isActive={item.href === page.url}
+                        <SidebarMenuButton
+                            asChild
+                            isActive={page.url.startsWith(item.href)}
                             tooltip={{ children: item.title }}
                         >
                             <Link href={item.href} prefetch>