diff --git a/web/app/changelog/page.tsx b/web/app/changelog/page.tsx
index b63944f..76cdc5c 100644
--- a/web/app/changelog/page.tsx
+++ b/web/app/changelog/page.tsx
@@ -4,10 +4,7 @@ import path from "path"
 async function getChangelog() {
   const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md")
   try {
-    const fileContents = fs.readFileSync(changelogPath, "utf8")
-
-    // Asegurar que el contenido HTML no tiene espacios innecesarios
-    return fileContents.trim()
+    return fs.readFileSync(changelogPath, "utf8")
   } catch (error) {
     console.error("Error reading changelog file:", error)
     return "<p>Changelog content not found.</p>"
@@ -18,21 +15,12 @@ export default async function ChangelogPage() {
   const changelogContent = await getChangelog()
 
   return (
-    <div className="bg-white text-gray-900 min-h-screen">
+    <div className="min-h-screen bg-white text-black">
       <div className="container mx-auto px-4 py-16 max-w-4xl">
-        <h1 className="text-4xl font-bold mb-8">Changelog</h1>
-        {/* Eliminamos el recuadro, bordes y cualquier estilo que fuerce texto plano */}
-        <div
-          className="max-w-none"
-          style={{
-            whiteSpace: "normal", // Asegura que el HTML se renderice correctamente
-            backgroundColor: "transparent", // Elimina cualquier fondo gris
-            border: "none", // Elimina el borde del recuadro
-            padding: "0", // Evita cualquier padding adicional
-          }}
-          dangerouslySetInnerHTML={{ __html: changelogContent }} // Renderiza HTML puro
-        />
+        <h1 className="text-4xl font-bold mb-8 text-black">Changelog</h1>
+        <div className="prose prose-black max-w-none" dangerouslySetInnerHTML={{ __html: changelogContent }} />
       </div>
     </div>
   )
 }
+