diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index 44fe3bca9..ae5601e25 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react'
 
 import { Metadata } from 'next'
 
+import 'katex/dist/katex.min.css'
 import '@/styles/main.scss'
 
 export const metadata: Metadata = {
diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
index 38b098c02..0b725901b 100644
--- a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -7,7 +7,7 @@ import hljs from 'highlight.js'
 
 import { useAtomValue } from 'jotai'
 import { FolderOpenIcon } from 'lucide-react'
-import { Marked, Renderer } from 'marked'
+import { Marked, MarkedOptions, Renderer } from 'marked'
 import { markedHighlight } from 'marked-highlight'
 import markedKatex from 'marked-katex-extension'
 
@@ -86,6 +86,8 @@ const SimpleTextMessage: React.FC<Props> = ({
         },
       }),
       {
+        gfm: true,
+        breaks: true,
         renderer: {
           link: (href, title, text) =>
             Renderer.prototype.link