diff --git a/www/src/components/navigation/TableOfContents.tsx b/www/src/components/navigation/TableOfContents.tsx
index 652e6bddec..9e3d0eb2ba 100644
--- a/www/src/components/navigation/TableOfContents.tsx
+++ b/www/src/components/navigation/TableOfContents.tsx
@@ -67,7 +67,7 @@ export default function TableOfContents({ headings = [] }: TOCProps) {
                 className={clsx(
                   "hover:text-t3-purple-700 dark:hover:text-t3-purple-100 text-t3-purple-500 dark:text-t3-purple-200",
                   {
-                    "font-bold text-t3-purple-700 dark:text-t3-purple-100":
+                    "underline text-t3-purple-700 dark:text-t3-purple-100":
                       active === slug,
                     "text-sm": depth > 2,
                   },