diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index 6e340d065..c3d383cec 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -7,6 +7,7 @@ import RemarkGfm from "remark-gfm";
 import RehypeHighlight from "rehype-highlight";
 import { useRef, useState, RefObject, useEffect, useMemo } from "react";
 import { copyToClipboard, useWindowSize } from "../utils";
+import "lowlight/lib/all";
 import mermaid from "mermaid";
 import Locale from "../locales";
 import LoadingIcon from "../icons/three-dots.svg";
diff --git a/package.json b/package.json
index 8696f83b5..4bcdc6d25 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "html-to-image": "^1.11.11",
     "idb-keyval": "^6.2.1",
     "lodash-es": "^4.17.21",
+    "lowlight": "^2.0.0",
     "mermaid": "^10.6.1",
     "markdown-to-txt": "^2.0.1",
     "nanoid": "^5.0.3",