diff --git a/ui/src/app/shared/components/repo.tsx b/ui/src/app/shared/components/repo.tsx
index 165b97a050..b2c9af9dbd 100644
--- a/ui/src/app/shared/components/repo.tsx
+++ b/ui/src/app/shared/components/repo.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import {repoUrl} from './urls';
 
 export const Repo = ({url, children}: { url: string, children?: React.ReactNode }) => {
-    url = repoUrl(url);
+    const href = repoUrl(url);
     const content = children || url;
-    return url !== null ? <a href={url}>{content}</a> : <span>{content}</span>;
+    return href !== null ? <a href={href}>{content}</a> : <span>{content}</span>;
 };