diff --git a/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx b/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx
index 981c3395543..7c6ae82afcb 100644
--- a/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx
+++ b/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx
@@ -51,7 +51,7 @@ export const NavLink = component$(
     return (
       <Link
         {...props}
-        class={`${props.class || ''} ${isActive ? activeClass : ''}`}
+        class={`${props.class || ''} ${isActive && activeClass ? activeClass : ''}`}
         
       >
         <Slot />