diff --git a/src/components/DocDialog.tsx b/src/components/DocDialog.tsx
index a2ec717..8212680 100644
--- a/src/components/DocDialog.tsx
+++ b/src/components/DocDialog.tsx
@@ -8,6 +8,7 @@ import {
 } from "solid-js";
 import { docEntries, type DocEntry } from "./doc-data";
 import { journalDocEntries, type JournalDocEntry } from "./journal-doc-data";
+import { parseMarkdown } from "../markdown";
 
 type DocSet = "directives" | "journal";
 type AnyEntry = DocEntry | JournalDocEntry;
@@ -166,9 +167,10 @@ const DocContent: Component<{ entry: AnyEntry }> = (props) => {
         {e.icon} {e.title}
       </h2>
 
-      <div class="text-sm leading-relaxed whitespace-pre-wrap text-gray-800">
-        {e.body}
-      </div>
+      <article
+        class="prose prose-sm max-w-none text-gray-800"
+        innerHTML={parseMarkdown(e.body)}
+      />
     </div>
   );
 };