diff --git a/web/src/components/MemoContent/CodeBlock.tsx b/web/src/components/MemoContent/CodeBlock.tsx
index d04dca3b..1b4a14a1 100644
--- a/web/src/components/MemoContent/CodeBlock.tsx
+++ b/web/src/components/MemoContent/CodeBlock.tsx
@@ -6,6 +6,8 @@ import toast from "react-hot-toast";
 import { cn } from "@/utils";
 import MermaidBlock from "./MermaidBlock";
 import { BaseProps } from "./types";
+import "highlight.js/styles/atom-one-dark.css";
+import "highlight.js/styles/github.css";
 
 // Special languages that are rendered differently.
 enum SpecialLanguage {
diff --git a/web/src/css/highlight.css b/web/src/css/highlight.css
deleted file mode 100644
index 235ed3a8..00000000
--- a/web/src/css/highlight.css
+++ /dev/null
@@ -1,7 +0,0 @@
-html.dark {
-  @import "highlight.js/styles/atom-one-dark.css";
-}
-
-html:not(.dark) {
-  @import "highlight.js/styles/github.css";
-}
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 3d839e91..f5686a2c 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -4,7 +4,6 @@ import { observer } from "mobx-react-lite";
 import { createRoot } from "react-dom/client";
 import { Toaster } from "react-hot-toast";
 import { RouterProvider } from "react-router-dom";
-import "./css/highlight.css";
 import "./css/tailwind.css";
 import "./i18n";
 import router from "./router";