Skip to content

Commit d806e02

Browse files
authored
fix(code): render markdown italics in inherited font (#1899)
## Summary - Replaces Radix UI Themes' `<Em>` with a plain `<em>` in the markdown renderer so italicized text inherits the surrounding font instead of switching to Radix's serif italic, which made italics look noticeably larger/different. <img width="764" height="83" alt="Screenshot 2026-04-27 at 19 46 33" src="https://github.com/user-attachments/assets/85db2414-ad37-414a-a65e-a9568eaa9674" /> ## Test plan - [ ] Render markdown containing italics (`*word*` / `_word_`) in `MarkdownRenderer` and confirm italic text matches the size and family of surrounding text. - [ ] Verify markdown still renders correctly across affected surfaces: agent messages, user messages, queued messages, signal cards, skill detail panel, PR comment threads.
1 parent 49ab61b commit d806e02

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

apps/code/src/renderer/features/editor/components/MarkdownRenderer.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Divider } from "@components/Divider";
33
import { HighlightedCode } from "@components/HighlightedCode";
44
import { List, ListItem } from "@components/List";
55
import { parseGithubIssueUrl } from "@features/message-editor/utils/githubIssueUrl";
6-
import { Blockquote, Checkbox, Code, Em, Kbd, Text } from "@radix-ui/themes";
6+
import { Blockquote, Checkbox, Code, Kbd, Text } from "@radix-ui/themes";
77
import { memo, useMemo } from "react";
88
import type { Components } from "react-markdown";
99
import ReactMarkdown from "react-markdown";
@@ -71,7 +71,7 @@ export const baseComponents: Components = {
7171
);
7272
},
7373
pre: ({ children }) => <CodeBlock size="1">{children}</CodeBlock>,
74-
em: ({ children }) => <Em>{children}</Em>,
74+
em: ({ children }) => <em>{children}</em>,
7575
i: ({ children }) => <i>{children}</i>,
7676
strong: ({ children }) => (
7777
<strong className="text-(--accent-11)">{children}</strong>

0 commit comments

Comments
 (0)