diff --git a/web/package.json b/web/package.json
index c4304d236b..3fdc6889b3 100644
--- a/web/package.json
+++ b/web/package.json
@@ -37,7 +37,7 @@
     "react-icons": "^4.12.0",
     "react-markdown": "^9.0.1",
     "react-toastify": "^9.1.3",
-    "rehype-highlight": "^7.0.1",
+    "rehype-highlight": "^6.0.0",
     "rehype-highlight-code-lines": "^1.0.4",
     "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
index 61a26e60d1..2ae8f3eef9 100644
--- a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -14,6 +14,7 @@ import {
 
 import { Tooltip } from '@janhq/joi'
 
+import latex from 'highlight.js/lib/languages/latex'
 import { useAtomValue } from 'jotai'
 import { FolderOpenIcon } from 'lucide-react'
 import rehypeHighlight from 'rehype-highlight'
@@ -394,7 +395,16 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
                 rehypePlugins={[
                   [rehypeKatex, { throwOnError: false }],
                   rehypeRaw,
-                  rehypeHighlight,
+                  [
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    rehypeHighlight,
+                    {
+                      languages: { latex },
+                      subset: false,
+                      plainText: ['txt', 'text'],
+                    },
+                  ],
                   [rehypeHighlightCodeLines, { showLineNumbers: true }],
                   wrapCodeBlocksWithoutVisit,
                 ]}