diff --git a/apps/web/src/components/plugin/markdown.tsx b/apps/web/src/components/plugin/markdown.tsx
index 72a9d76..90290c5 100644
--- a/apps/web/src/components/plugin/markdown.tsx
+++ b/apps/web/src/components/plugin/markdown.tsx
@@ -5,7 +5,7 @@ type Props = Readonly<{ children: string }>;
 
 export function Markdown({ children }: Props) {
   return (
-    <div className="prose prose-sm dark:prose-invert max-w-none prose-pre:bg-muted prose-img:rounded-lg">
+    <div className="prose prose-sm dark:prose-invert max-w-none prose-pre:bg-muted prose-pre:text-foreground prose-img:rounded-lg">
       <ReactMarkdown remarkPlugins={[remarkGfm]}>{children}</ReactMarkdown>
     </div>
   );