diff --git a/src/pages/admin/bots/[bot_id]/(partials)/user-bubble.tsx b/src/pages/admin/bots/[bot_id]/(partials)/user-bubble.tsx
index 2cb6aca..b44e48b 100644
--- a/src/pages/admin/bots/[bot_id]/(partials)/user-bubble.tsx
+++ b/src/pages/admin/bots/[bot_id]/(partials)/user-bubble.tsx
@@ -5,6 +5,7 @@ import Stack from "@moduletrace/twui/layout/Stack";
 import linkComputerRefs from "@/src/utils/link-computer-refs";
 import { UserMarkdownComponents } from "../(data)/user-markdown-components";
 import { QuotableAttribute } from "../(hooks)/use-message-selection";
+import { twMerge } from "tailwind-merge";
 
 /**
  * Kept module-level: a new array on every render makes `react-markdown`
@@ -22,9 +23,16 @@ export default function UserBubble({ text }: { text: string }) {
     return (
         <Stack
             {...{ [QuotableAttribute]: "" }}
-            className="max-w-[80%] min-w-0 gap-2.5! items-stretch rounded-default-lg bg-ink text-on-ink px-4 py-3 text-sm leading-5 break-words"
+            className={twMerge(
+                "max-w-[80%] min-w-0 gap-2.5! items-stretch rounded-default-lg",
+                "bg-ink text-on-ink px-4 py-3 text-sm leading-5 break-words",
+                "conversation-user-bubble",
+            )}
         >
-            <Markdown remarkPlugins={RemarkPlugins} components={UserMarkdownComponents}>
+            <Markdown
+                remarkPlugins={RemarkPlugins}
+                components={UserMarkdownComponents}
+            >
                 {linkComputerRefs({ text })}
             </Markdown>
         </Stack>
diff --git a/src/styles/main.css b/src/styles/main.css
index 147b775..a40728a 100755
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -362,3 +362,7 @@ footer .twui-anchor.active {
 #admin-main h6 {
     @apply text-xs!;
 }
+
+.conversation-user-bubble a {
+    @apply text-blue-400 dark:text-blue-600;
+}