From 8232a8b9d7a8b6a14b35834b3dc2e9d6da0fd4b4 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 14 Jul 2025 11:30:29 +0000
Subject: [PATCH 1/2] Initial plan


From 8727bc7bd58323bff731471690172f5ed517627a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 14 Jul 2025 11:48:25 +0000
Subject: [PATCH 2/2] Fix markdown formatting in comment sections

- Remove conflicting text-sm overrides on p and span elements
- Add prose-sm variant for proper small text sizing
- Use prose-sm container class instead of element-level overrides
- Remove unused fontSize parameter from generateClassOverrides
---
 app/components/ui/markdown-renderer/index.tsx | 10 +++++-----
 app/typography.css                            |  7 +++++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/markdown-renderer/index.tsx b/app/components/ui/markdown-renderer/index.tsx
index 94b30c93..4dce7db5 100644
--- a/app/components/ui/markdown-renderer/index.tsx
+++ b/app/components/ui/markdown-renderer/index.tsx
@@ -117,7 +117,7 @@ function isAlert(
   return false;
 }
 
-const generateClassOverrides = (colorMode: ColorMode, fontSize?: string) => ({
+const generateClassOverrides = (colorMode: ColorMode) => ({
   h1: {
     component: H1WithDivider,
     props: {
@@ -225,7 +225,7 @@ const generateClassOverrides = (colorMode: ColorMode, fontSize?: string) => ({
 
   p: {
     props: {
-      className: `${fontSize === "small" ? "text-sm" : ""}  font-light`,
+      className: "font-light",
     },
   },
 
@@ -249,7 +249,7 @@ const generateClassOverrides = (colorMode: ColorMode, fontSize?: string) => ({
 
   span: {
     props: {
-      className: fontSize === "small" ? "text-sm" : "",
+      className: "",
     },
   },
 });
@@ -290,13 +290,13 @@ export default function MarkdownRenderer({
       className={cn(
         "relative",
         prose && "prose dark:prose-invert prose-h2:mb-2",
-        fontSize === "small" ? "lg:prose-base" : "lg:prose-lg",
+        fontSize === "small" ? "prose-sm" : "lg:prose-lg",
         wrapperClasses,
       )}
     >
       <Markdown
         options={{
-          overrides: generateClassOverrides(colorMode, fontSize),
+          overrides: generateClassOverrides(colorMode),
           slugify: (text) => slugify(text, { lower: true }),
         }}
       >
diff --git a/app/typography.css b/app/typography.css
index 513b27e6..059dc387 100644
--- a/app/typography.css
+++ b/app/typography.css
@@ -371,3 +371,10 @@
     }
   }
 }
+
+/* Small prose variant for comments */
+.prose-sm {
+  font-size: var(--text-sm);
+  line-height: 1.6;
+  max-width: 65ch;
+}