diff --git a/components/Header.jsx b/components/Header.jsx
index ce50410..71959fd 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -35,7 +35,7 @@ function Header({ docLinks }) {
                 <Link
                   href={navLink.href}
                   target={navLink.target}
-                  className={`inline-block self-center ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
+                  className={`inline-block self-center ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
                 >
                   {navLink.label}
                 </Link>
@@ -131,7 +131,7 @@ function Header({ docLinks }) {
               <Link
                 href={navLink.href}
                 target={navLink.target}
-                className={`inline-block align-middle ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
+                className={`inline-block align-middle ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
               >
                 {navLink.label}
               </Link>