diff --git a/web/markdown/markdown-chat-mention.react.js b/web/markdown/markdown-chat-mention.react.js
--- a/web/markdown/markdown-chat-mention.react.js
+++ b/web/markdown/markdown-chat-mention.react.js
@@ -2,21 +2,30 @@
 
 import * as React from 'react';
 
+import type { ResolvedThreadInfo } from 'lib/types/thread-types.js';
+
 import css from './markdown.css';
+import { useOnClickThread } from '../selectors/thread-selectors.js';
 
 type MarkdownChatMentionProps = {
+  +threadInfo: ResolvedThreadInfo,
   +hasAccessToChat: boolean,
   +text: string,
 };
 
 function MarkdownChatMention(props: MarkdownChatMentionProps): React.Node {
-  const { hasAccessToChat, text } = props;
+  const { threadInfo, hasAccessToChat, text } = props;
+  const onClick = useOnClickThread(threadInfo);
 
   if (!hasAccessToChat) {
     return text;
   }
 
-  return <a className={css.chatMention}>{text}</a>;
+  return (
+    <a className={css.chatMention} onClick={onClick}>
+      {text}
+    </a>
+  );
 }
 
 export default MarkdownChatMention;