diff --git a/apps/web/src/app/changelog/components/release.tsx b/apps/web/src/app/changelog/components/release.tsx
index 0da74bf4..475b0a6d 100644
--- a/apps/web/src/app/changelog/components/release.tsx
+++ b/apps/web/src/app/changelog/components/release.tsx
@@ -1,6 +1,7 @@
import type { ReactNode } from "react";
import Link from "next/link";
import { cn } from "@/utils/ui";
+import { ReactMarkdownWrapper } from "@/components/ui/react-markdown-wrapper";
import {
getSectionTitle,
groupAndOrderChanges,
@@ -144,7 +145,7 @@ function ReleaseChangeList({
key={change.text}
className="text-base leading-relaxed text-foreground"
>
- {change.text}
+ {change.text}
))}
diff --git a/apps/web/src/components/ui/react-markdown-wrapper.tsx b/apps/web/src/components/ui/react-markdown-wrapper.tsx
index 181ae8ac..68772b07 100644
--- a/apps/web/src/components/ui/react-markdown-wrapper.tsx
+++ b/apps/web/src/components/ui/react-markdown-wrapper.tsx
@@ -1,7 +1,13 @@
import ReactMarkdown from "react-markdown";
import { cn } from "@/utils/ui";
-export function ReactMarkdownWrapper({ children }: { children: string }) {
+export function ReactMarkdownWrapper({
+ children,
+ inline = false,
+}: {
+ children: string;
+ inline?: boolean;
+}) {
return (
(
{children}
),
+ code: ({ className: codeClassName, children, ...props }) => (
+
+ {children}
+
+ ),
+ p: ({ className: paragraphClassName, children, ...props }) =>
+ inline ? (
+
+ {children}
+
+ ) : (
+
+ {children}
+
+ ),
}}
>
{children}