From 24d1e44c2b60cd401645083ca224b5d25ea39768 Mon Sep 17 00:00:00 2001 From: Wes Date: Tue, 31 Mar 2026 15:31:07 -0700 Subject: [PATCH] fix: remove backtick decorations from inline code elements (#30) The @tailwindcss/typography plugin injects backtick characters via CSS ::before and ::after pseudo-elements on tags. This caused inline code to display with visible backticks around the highlighted text. Override with content-none on the prose-code pseudo-elements. Co-authored-by: Claude Opus 4.6 (1M context) --- ui/goose2/src/features/chat/ui/MarkdownContent.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/ui/goose2/src/features/chat/ui/MarkdownContent.tsx b/ui/goose2/src/features/chat/ui/MarkdownContent.tsx index a0e792e91e..b4e2b62491 100644 --- a/ui/goose2/src/features/chat/ui/MarkdownContent.tsx +++ b/ui/goose2/src/features/chat/ui/MarkdownContent.tsx @@ -138,6 +138,7 @@ export const MarkdownContent = memo(function MarkdownContent({ className={cn( `w-full overflow-x-hidden prose prose-sm dark:prose-invert max-w-full prose-pre:p-0 prose-pre:m-0 !p-0 + prose-code:before:content-none prose-code:after:content-none prose-code:break-all prose-code:whitespace-pre-wrap prose-code:font-mono prose-a:break-all prose-a:text-accent prose-a:underline prose-table:table prose-table:w-full