diff --git a/templates/modern/src/toc.ts b/templates/modern/src/toc.ts
index de7158bb1f4..4959880bbfa 100644
--- a/templates/modern/src/toc.ts
+++ b/templates/modern/src/toc.ts
@@ -99,7 +99,7 @@ export async function renderToc(): Promise<TocNode[]> {
       const isExpanded = (tocFilter !== '' && expanded !== false && children != null) || expanded === true
 
       return html`
-        <li class=${classMap({ expanded: isExpanded })}>
+        <li class=${classMap({ expanded: isExpanded, active: activeNodes.includes(node) })}>
           ${isLeaf ? null : html`<span class='expand-stub' @click=${toggleExpand}></span>`}
           ${dom}
           ${children}