diff --git a/web/app/changelog/page.tsx b/web/app/changelog/page.tsx
index 5bd3b0f9..82a89d6b 100644
--- a/web/app/changelog/page.tsx
+++ b/web/app/changelog/page.tsx
@@ -19,11 +19,18 @@ export default async function ChangelogPage() {
       <div className="container mx-auto px-4 py-16 max-w-4xl">
         <h1 className="text-4xl font-bold mb-8 text-gray-900">Changelog</h1>
         <div
-          className="prose prose-gray max-w-none [&>h2]:text-2xl [&>h2]:font-bold [&>h2]:mt-8 [&>h2]:mb-4 [&>h3]:text-xl [&>h3]:font-semibold [&>h3]:mt-6 [&>h3]:mb-3 [&>p]:text-gray-700 [&>ul]:list-disc [&>ul]:pl-5 [&>ul]:text-gray-700 [&>a]:text-blue-600 [&>a:hover]:text-blue-800"
+          className="prose prose-gray max-w-none
+            [&>h1]:text-3xl [&>h1]:font-bold [&>h1]:text-gray-900 [&>h1]:mb-4
+            [&>h2]:text-2xl [&>h2]:font-semibold [&>h2]:text-gray-800 [&>h2]:mb-3
+            [&>h3]:text-xl [&>h3]:font-medium [&>h3]:text-gray-700 [&>h3]:mb-2
+            [&>p]:text-base [&>p]:text-gray-600 [&>p]:mb-4
+            [&>ul]:list-disc [&>ul]:pl-5 [&>ul]:mb-4
+            [&>ul>li]:text-gray-600 [&>ul>li]:mb-1
+            [&>a]:text-blue-600 [&>a:hover]:text-blue-800
+            [&>hr]:my-8 [&>hr]:border-t [&>hr]:border-gray-300"
           dangerouslySetInnerHTML={{ __html: changelogContent }}
         />
       </div>
     </div>
   )
 }
-