diff --git a/packages/git-ui/src/components/molecules/diff-file.jsx b/packages/git-ui/src/components/molecules/diff-file.jsx
index 57a5cdb..643cc85 100644
--- a/packages/git-ui/src/components/molecules/diff-file.jsx
+++ b/packages/git-ui/src/components/molecules/diff-file.jsx
@@ -232,7 +232,7 @@ export function DiffFile({ file, ref, comments, onComment }) {
                       {here.length > 0 && (
                         <div
                           id={`comment-${file.path}-${key}`}
-                          className="flex flex-col gap-2 border-border border-y bg-muted/40 px-3 py-2.5 font-sans whitespace-normal"
+                          className="flex flex-col gap-2 border-border border-y bg-muted/40 px-3 py-2.5 whitespace-normal"
                         >
                           {here.map((comment) => {
                             const said = verdictLook(comment.verdict);
@@ -283,7 +283,7 @@ export function DiffFile({ file, ref, comments, onComment }) {
                       )}
 
                       {composing?.key === key && (
-                        <div className="border-border border-y bg-muted/40 px-3 py-2.5 font-sans whitespace-normal">
+                        <div className="border-border border-y bg-muted/40 px-3 py-2.5 whitespace-normal">
                           <textarea
                             value={note}
                             onChange={(event) => setNote(event.target.value)}
diff --git a/packages/git-ui/src/components/molecules/prose.jsx b/packages/git-ui/src/components/molecules/prose.jsx
index 3302383..d9b0e12 100644
--- a/packages/git-ui/src/components/molecules/prose.jsx
+++ b/packages/git-ui/src/components/molecules/prose.jsx
@@ -21,7 +21,7 @@ export function Prose({ text, className }) {
   if (!text) return null;
   return (
     <div
-      className={cn('markdown', className)}
+      className={cn('markdown markdown-prose', className)}
       // Every tag here was written by renderMarkdown, which prints the
       // author's own HTML rather than parsing it.
       // biome-ignore lint/security/noDangerouslySetInnerHtml: the renderer emits only its own tags
diff --git a/packages/git-ui/src/components/molecules/pull-header.jsx b/packages/git-ui/src/components/molecules/pull-header.jsx
index 7527903..2dcc305 100644
--- a/packages/git-ui/src/components/molecules/pull-header.jsx
+++ b/packages/git-ui/src/components/molecules/pull-header.jsx
@@ -67,7 +67,7 @@ export function PullHeader({ repo, pull, defaultBranch, overlaps }) {
   const verb = pull.merged ? 'merged' : 'wants to merge';
 
   return (
-    <div className="shrink-0 px-(--gutter) pt-3.5 pb-2">
+    <div className="shrink-0 px-(--gutter) pt-3.5 pb-4">
       <div className="flex flex-wrap items-start justify-between gap-x-4 gap-y-2">
         <h2 className="min-w-0 flex-1 break-words font-semibold text-[19px] leading-tight">
           {pull.title}
@@ -114,9 +114,7 @@ export function PullHeader({ repo, pull, defaultBranch, overlaps }) {
         )}
       </div>
 
-      {pull.note && (
-        <Prose text={pull.note} className="mt-2.5 max-w-3xl text-[13.5px]" />
-      )}
+      {pull.note && <Prose text={pull.note} className="mt-2.5 max-w-3xl" />}
       {/* Beside the decision, because that is when it matters. A shared path
           is not a textual conflict: two branches can edit one file in
           different places and merge cleanly. It says where to look, and it is
diff --git a/packages/git-ui/src/components/molecules/statement-card.jsx b/packages/git-ui/src/components/molecules/statement-card.jsx
index 67a2bc0..509e178 100644
--- a/packages/git-ui/src/components/molecules/statement-card.jsx
+++ b/packages/git-ui/src/components/molecules/statement-card.jsx
@@ -26,7 +26,7 @@ export function StatementCard({ who, at, note, mark, action, className }) {
         <span className="text-faint">{timeAgo(at)}</span>
         {action && <span className="ml-auto shrink-0">{action}</span>}
       </div>
-      {note && <Prose text={note} className="mt-1.5 text-[13.5px]" />}
+      {note && <Prose text={note} className="mt-1.5" />}
     </Card>
   );
 }
diff --git a/packages/git-ui/src/style.css b/packages/git-ui/src/style.css
index a2ff4fb..43b7db5 100644
--- a/packages/git-ui/src/style.css
+++ b/packages/git-ui/src/style.css
@@ -457,8 +457,9 @@
 }
 
 /* The instrument is set in mono: every reading lines up under the one above
-   it, and a figure keeps its width as it counts. Prose is the exception, and
-   asks for the sans below. */
+   it, and a figure keeps its width as it counts. What is rendered from
+   markdown keeps that face too, so a description reads as part of the page
+   rather than as a document pasted into it. */
 body {
   margin: 0;
   background: var(--background);
@@ -468,9 +469,9 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-/* A readme is read, not scanned, so it keeps the proportional face. */
+/* Rendered markdown inherits the page's own face. Its figures are prose
+   rather than readings, so they do not hold the column a table's do. */
 .markdown {
-  font-family: var(--font-sans);
   font-variant-numeric: normal;
 }
 
@@ -557,6 +558,16 @@ body {
   line-height: 1.65;
   overflow-wrap: anywhere;
 }
+
+/* Prose about the work rather than in it: a description, a review, an issue.
+   It sits among the app's own text and reads at the app's own size, where a
+   readme has a pane to itself and can be larger. This rule is unlayered, the
+   way .markdown is, because a Tailwind size utility is in a layer and would
+   lose to the rule above whatever the caller asked for. */
+.markdown-prose {
+  font-size: 13.5px;
+  line-height: 1.6;
+}
 .markdown > *:first-child {
   margin-top: 0;
 }