diff --git a/src/landings/components/ArticleList.module.css b/src/landings/components/ArticleList.module.css
index 0cc87ef01697..1ccf4d19eaff 100644
--- a/src/landings/components/ArticleList.module.css
+++ b/src/landings/components/ArticleList.module.css
@@ -5,7 +5,7 @@
     border-radius: 0;
   }
 
-  h3 {
+  h3, span {
     color: var(--fgColor-accent, var(--color-accent-fg));
   }
 }
\ No newline at end of file
diff --git a/src/landings/components/TableOfContents.module.css b/src/landings/components/TableOfContents.module.css
new file mode 100644
index 000000000000..962cd995be16
--- /dev/null
+++ b/src/landings/components/TableOfContents.module.css
@@ -0,0 +1,15 @@
+/* TableOfContents CSS Module */
+
+.linkItem {
+  font-size: 1rem !important;
+  color: var(--fgColor-accent) !important;
+  display: block !important;
+  width: 100% !important;
+  text-decoration: underline !important;
+
+  span {
+    color: var(--fgColor-accent, var(--color-accent-fg)) !important;
+    font-size: inherit !important;
+    text-decoration: inherit !important;
+  }
+}
diff --git a/src/landings/components/TableOfContents.tsx b/src/landings/components/TableOfContents.tsx
index f03468425e6a..f2c16c297e34 100644
--- a/src/landings/components/TableOfContents.tsx
+++ b/src/landings/components/TableOfContents.tsx
@@ -4,6 +4,7 @@ import React from 'react'
 import { Link } from '@/frame/components/Link'
 import type { TocItem } from '@/landings/types'
 import { ActionList } from '@primer/react'
+import styles from './TableOfContents.module.css'
 
 type Props = {
   items: Array<TocItem>
@@ -45,11 +46,7 @@ export const TableOfContents = (props: Props) => {
             const { fullPath, title, childTocItems } = item
             return (
               <React.Fragment key={fullPath}>
-                <ActionList.LinkItem
-                  href={fullPath}
-                  as="a"
-                  className="f4 color-fg-accent d-list-item d-block width-full text-underline"
-                >
+                <ActionList.LinkItem href={fullPath} as="a" className={styles.linkItem}>
                   {title}
                 </ActionList.LinkItem>
                 {(childTocItems || []).length > 0 && (
@@ -65,7 +62,7 @@ export const TableOfContents = (props: Props) => {
                             key={childItem.fullPath}
                             href={childItem.fullPath}
                             as="a"
-                            className="f4 color-fg-accent d-list-item d-block width-full text-underline"
+                            className={styles.linkItem}
                           >
                             {childItem.title}
                           </ActionList.LinkItem>