diff --git a/scm-ui/ui-components/src/CardColumnGroup.tsx b/scm-ui/ui-components/src/CardColumnGroup.tsx
index 8b4d3169e7..8b8eebf1c0 100644
--- a/scm-ui/ui-components/src/CardColumnGroup.tsx
+++ b/scm-ui/ui-components/src/CardColumnGroup.tsx
@@ -93,7 +93,7 @@ export default class CardColumnGroup extends React.Component<Props, State> {
         <span className={classNames("is-size-4", "has-cursor-pointer")} onClick={this.toggleCollapse}>
           <i className={classNames("fa", icon)} />
         </span>{" "}
-        <Link to={url}>{name}</Link>
+        <Link to={url} className={"has-text-dark"}>{name}</Link>
       </h2>
     ) : (
       <h2>
diff --git a/scm-ui/ui-webapp/src/repos/containers/RepositoryRoot.tsx b/scm-ui/ui-webapp/src/repos/containers/RepositoryRoot.tsx
index f111c9ae5e..2fee8b1b4b 100644
--- a/scm-ui/ui-webapp/src/repos/containers/RepositoryRoot.tsx
+++ b/scm-ui/ui-webapp/src/repos/containers/RepositoryRoot.tsx
@@ -186,7 +186,7 @@ class RepositoryRoot extends React.Component<Props> {
       return links.map(({ url, label }) => <JumpToFileButton tooltip={label} link={url} />);
     };
 
-    const titleComponent = <><Link to={`/repos/${repository.namespace}/`}>{repository.namespace}</Link>/{repository.name}</>;
+    const titleComponent = <><Link to={`/repos/${repository.namespace}/`} className={"has-text-dark"}>{repository.namespace}</Link>/{repository.name}</>;
 
     return (
       <StateMenuContextProvider>