diff --git a/src/theme/DocBreadcrumbs/index.tsx b/src/theme/DocBreadcrumbs/index.tsx
index be0ccd7b..9c6134cd 100644
--- a/src/theme/DocBreadcrumbs/index.tsx
+++ b/src/theme/DocBreadcrumbs/index.tsx
@@ -24,7 +24,11 @@ function BreadcrumbsItemLink({
     );
   }
   return href ? (
-    <Link href={href} itemProp="item">
+    <Link
+      href={href}
+      className="text-gray-900 dark:text-gray-50 hover:text-brand-700 dark:hover:text-brand-500"
+      itemProp="item"
+    >
       <span itemProp="name">{children}</span>
     </Link>
   ) : (