diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index bc7aaa3..0d80e48 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -4,7 +4,6 @@ import type { CollectionEntry } from "astro:content";
 import BlogHero from "@/components/blog/Hero.astro";
 import TOC from "@/components/blog/TOC.astro";
 import WebMentions from "@/components/blog/webmentions/index.astro";
-import "@/katex"; // Katex css file
 
 import BaseLayout from "./Base.astro";
 
@@ -30,6 +29,12 @@ const { headings } = await post.render();
 			<div
 				class="prose prose-sm prose-cactus mt-12 prose-headings:font-semibold prose-headings:text-accent-2 prose-headings:before:absolute prose-headings:before:-ms-4 prose-headings:before:text-accent sm:prose-headings:before:content-['#'] sm:prose-th:before:content-none"
 			>
+				<link
+					rel="stylesheet"
+					href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css"
+					integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+"
+					crossorigin="anonymous"
+				/>
 				<slot />
 				<WebMentions />
 			</div>
diff --git a/tsconfig.json b/tsconfig.json
index e6558de..ed1ea60 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,8 +10,7 @@
 			"@/layouts/*": ["src/layouts/*"],
 			"@/utils": ["src/utils/index.ts"],
 			"@/types": ["src/types.ts"],
-			"@/site-config": ["src/site.config.ts"],
-			"@/katex": ["node_modules/.pnpm/rehype-katex@7.0.0/node_modules/katex/dist/katex.min.css"]
+			"@/site-config": ["src/site.config.ts"]
 		}
 	},
 	"include": ["./.eslintrc.cjs", "**/*"],