diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 8ebb820..fbf2e23 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -2,7 +2,8 @@
 import { getCollection, render } from 'astro:content';
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import "katex/dist/katex.min.css";
-import "rehype-callouts/theme/obsidian"
+// @ts-expect-error Theme is not provided as ".css"
+import "rehype-callouts/theme/obsidian";
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('blog');
diff --git a/src/pages/book/[...slug].astro b/src/pages/book/[...slug].astro
index 1011e11..b650876 100644
--- a/src/pages/book/[...slug].astro
+++ b/src/pages/book/[...slug].astro
@@ -3,6 +3,7 @@ import { getCollection, render } from 'astro:content';
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import BookNavigation from '../../components/BookNavigation.astro';
 import "katex/dist/katex.min.css";
+// @ts-expect-error Theme is not provided as ".css"
 import "rehype-callouts/theme/obsidian";
 import "../../styles/md-custom.css";
 
diff --git a/src/pages/portfolio/[...slug].astro b/src/pages/portfolio/[...slug].astro
index b33db26..38e1b6a 100644
--- a/src/pages/portfolio/[...slug].astro
+++ b/src/pages/portfolio/[...slug].astro
@@ -3,7 +3,8 @@ import { getCollection, render } from 'astro:content';
 import { Icon } from "astro-icon/components";
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import "katex/dist/katex.min.css";
-import "rehype-callouts/theme/obsidian"
+// @ts-expect-error Theme is not provided as ".css"
+import "rehype-callouts/theme/obsidian";
 
 export async function getStaticPaths() {
   const portfolioEntries = await getCollection('portfolio');