diff --git a/src/components/MessageItem.tsx b/src/components/MessageItem.tsx
index 60e169e75..7eae0e70d 100644
--- a/src/components/MessageItem.tsx
+++ b/src/components/MessageItem.tsx
@@ -38,7 +38,10 @@ export default ({ role, message, showRetry, onRetry }: Props) => {
   })
 
   const htmlString = () => {
-    const md = MarkdownIt().use(mdKatex).use(mdHighlight)
+    const md = MarkdownIt({
+      linkify: true,
+      breaks: true
+    }).use(mdKatex).use(mdHighlight)
     const fence = md.renderer.rules.fence!
     md.renderer.rules.fence = (...args) => {
       const [tokens, idx] = args