diff --git a/apps/webapp/src/components/Link/Link.tsx b/apps/webapp/src/components/Link/Link.tsx
index 93a842c4..b506b7ae 100644
--- a/apps/webapp/src/components/Link/Link.tsx
+++ b/apps/webapp/src/components/Link/Link.tsx
@@ -11,22 +11,26 @@ import * as s from './Link.css'
 
 export type LinkProps = ComponentPropsWithoutRef<'a'> & {
   activeClass?: string
+  activeUrlPrefix?: string
   children: ReactNode
 }
 
 export const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
-  { className, activeClass, ...rest },
+  { className, activeClass, activeUrlPrefix, ...rest },
   ref,
 ) {
   const pageContext = usePageContext()
 
+  const isActive = activeUrlPrefix
+    ? pageContext.urlPathname.startsWith(activeUrlPrefix)
+    : pageContext.urlPathname === rest.href
+
   return (
     <a
       className={classNames(
         s.link,
         {
-          [activeClass ?? '']:
-            activeClass && pageContext.urlPathname === rest.href,
+          [activeClass ?? '']: activeClass && isActive,
         },
         className,
       )}
diff --git a/apps/webapp/src/components/NavSidebar/NavSidebar.tsx b/apps/webapp/src/components/NavSidebar/NavSidebar.tsx
index 2b223de3..7651c22f 100644
--- a/apps/webapp/src/components/NavSidebar/NavSidebar.tsx
+++ b/apps/webapp/src/components/NavSidebar/NavSidebar.tsx
@@ -40,7 +40,10 @@ export const NavSidebar = ({ className }: NavSidebarProps) => {
                 className={s.navLink}
                 asChild
               >
-                <Link activeClass={s.navLinkIsActive}>
+                <Link
+                  activeClass={s.navLinkIsActive}
+                  activeUrlPrefix="/series/list"
+                >
                   <Icon name="series" size="l" label="Series" />
                 </Link>
               </NavigationMenu.Link>