diff --git a/ui/litellm-dashboard/src/components/chat/ChatMessages.tsx b/ui/litellm-dashboard/src/components/chat/ChatMessages.tsx
index e792c1c712b..d2b1eb82ec8 100644
--- a/ui/litellm-dashboard/src/components/chat/ChatMessages.tsx
+++ b/ui/litellm-dashboard/src/components/chat/ChatMessages.tsx
@@ -84,7 +84,9 @@ const markdownComponents: Components = {
 const markdownWithoutImages: Components = {
   ...markdownComponents,
   img: ({ alt }) => <span>{alt || "Image omitted"}</span>,
-  a: ({ node, ...props }) => <a {...props} target="_blank" rel="noopener noreferrer" />,
+  a: ({ node, ...props }) => (
+    <a {...props} target="_blank" rel="noopener noreferrer" className="text-primary underline underline-offset-4" />
+  ),
 };
 
 interface UserBubbleProps {