diff --git a/site/src/components/patterns/OverviewList.module.css b/site/src/components/patterns/OverviewList.module.css
index 77fa9f62b5c..e559408ed02 100644
--- a/site/src/components/patterns/OverviewList.module.css
+++ b/site/src/components/patterns/OverviewList.module.css
@@ -14,3 +14,9 @@
   padding-inline: var(--salt-spacing-100);
   border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
+
+.link {
+  --mosaic-color-dark-navigable-documentLink-regular: var(--salt-content-primary-foreground);
+  --mosaic-color-dark-navigable-documentLink-hover: var(--salt-content-foreground-hover);
+  --mosaic-color-dark-navigable-documentLink-visited: var(--salt-content-foreground-visited);
+}
diff --git a/site/src/components/patterns/OverviewList.tsx b/site/src/components/patterns/OverviewList.tsx
index fbe3dd1b191..5b41ce48802 100644
--- a/site/src/components/patterns/OverviewList.tsx
+++ b/site/src/components/patterns/OverviewList.tsx
@@ -12,7 +12,11 @@ export function OverviewList({ patterns = [] }: OverviewListProps) {
         .sort((a, b) => a.title.localeCompare(b.title))
         .map((pattern) => (
           <li key={pattern.route}>
-            <Link href={pattern.route} variant="document">
+            <Link
+              className={styles.link}
+              href={pattern.route}
+              variant="document"
+            >
               {pattern.title}
             </Link>
           </li>