diff --git a/components/frontend/src/components/ui/message.tsx b/components/frontend/src/components/ui/message.tsx
index 398858e87..fa2721cc6 100644
--- a/components/frontend/src/components/ui/message.tsx
+++ b/components/frontend/src/components/ui/message.tsx
@@ -83,6 +83,16 @@ const defaultComponents: Components = {
   li: ({ children }) => (
     <li className="leading-relaxed">{children}</li>
   ),
+  a: ({ href, children }) => (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="text-primary hover:underline cursor-pointer"
+    >
+      {children}
+    </a>
+  ),
 };
 
 const LOADING_MESSAGES = [