diff --git a/web/app/changelog/page.tsx b/web/app/changelog/page.tsx
index fabdff2..90de180 100644
--- a/web/app/changelog/page.tsx
+++ b/web/app/changelog/page.tsx
@@ -4,28 +4,20 @@ import { remark } from "remark"
 import html from "remark-html"
 
 async function getChangelog() {
-  const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md")
-  try {
-    const fileContents = fs.readFileSync(changelogPath, "utf8")
-    const result = await remark()
-      .use(html, { sanitize: false }) // This allows HTML in the Markdown
-      .process(fileContents)
-    return result.toString()
-  } catch (error) {
-    console.error("Error reading changelog file:", error)
-    return "<p>Changelog content not found.</p>"
-  }
+  const changelogPath = path.join(process.cwd(), "CHANGELOG.md")
+  const fileContents = fs.readFileSync(changelogPath, "utf8")
+
+  const result = await remark().use(html).process(fileContents)
+  return result.toString()
 }
 
 export default async function ChangelogPage() {
   const changelogContent = await getChangelog()
 
   return (
-    <div className="bg-white text-gray-900">
-      <div className="container mx-auto px-4 py-16 max-w-4xl">
-        <h1 className="text-4xl font-bold mb-8">Changelog</h1>
-        <div className="prose prose-lg max-w-none" dangerouslySetInnerHTML={{ __html: changelogContent }} />
-      </div>
+    <div className="container mx-auto px-4 py-16 max-w-4xl">
+      <h1 className="text-4xl font-bold mb-8">Changelog</h1>
+      <div className="prose prose-lg dark:prose-invert" dangerouslySetInnerHTML={{ __html: changelogContent }} />
     </div>
   )
-}
+}
\ No newline at end of file