diff --git a/packages/client/src/components/Message.css b/packages/client/src/components/Message.css
index c6e386d..4e7c700 100644
--- a/packages/client/src/components/Message.css
+++ b/packages/client/src/components/Message.css
@@ -8,3 +8,7 @@
    border: 1px solid;
    padding: 8px;
 }
+
+.markdown a {
+   color: #dc143c;
+}
diff --git a/packages/client/src/components/Message.tsx b/packages/client/src/components/Message.tsx
index 4cc2eee..01f1f34 100644
--- a/packages/client/src/components/Message.tsx
+++ b/packages/client/src/components/Message.tsx
@@ -23,7 +23,7 @@ const Message = ({ message }: Props) => {
    return (
       <div
          onCopy={onCopyMessage}
-         className={`border-2 rounded-3xl p-4 ${bgColor}`}
+         className={`border-2 rounded-3xl p-4 markdown ${bgColor}`}
       >
          {state === 'pending' && <Thinking />}
          {state === 'complete' && (