From 98abc7a7e96c10969f421c18c32c9deddfdb77ac Mon Sep 17 00:00:00 2001
From: Array <array@posthog.com>
Date: Thu, 9 Apr 2026 09:41:54 +0000
Subject: [PATCH] fix: make report titles visually larger than descriptions

The MarkdownRenderer renders headings at Radix size="2" (14px), which
made description headings appear larger than the 13px report titles.
This caused users' eyes to skim over the titles in favor of the
description text.

Changes:
- Force all Radix Text elements inside summary markdown to 12px via
  Tailwind !important overrides, preventing markdown headings from
  exceeding the title size
- Bump list row title weight from "medium" to "bold" for emphasis
- Bump detail pane title to 14px bold so it clearly dominates the
  12px description text

Generated-By: PostHog Code
Task-Id: 997cbc6b-cf6c-4ed6-9c98-d47458d2276e
---
 .../features/inbox/components/detail/ReportDetailPane.tsx   | 6 +++---
 .../features/inbox/components/utils/ReportCardContent.tsx   | 2 +-
 .../inbox/components/utils/SignalReportSummaryMarkdown.tsx  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/code/src/renderer/features/inbox/components/detail/ReportDetailPane.tsx b/apps/code/src/renderer/features/inbox/components/detail/ReportDetailPane.tsx
index 6da0d7cfb..5637f31f2 100644
--- a/apps/code/src/renderer/features/inbox/components/detail/ReportDetailPane.tsx
+++ b/apps/code/src/renderer/features/inbox/components/detail/ReportDetailPane.tsx
@@ -298,9 +298,9 @@ export function ReportDetailPane({ report, onClose }: ReportDetailPaneProps) {
       >
         <Flex align="start" justify="between" gap="2">
           <Text
-            size="1"
-            weight="medium"
-            className="block min-w-0 break-words text-[13px]"
+            size="2"
+            weight="bold"
+            className="block min-w-0 break-words text-[14px]"
           >
             {report.title ?? "Untitled signal"}
           </Text>
diff --git a/apps/code/src/renderer/features/inbox/components/utils/ReportCardContent.tsx b/apps/code/src/renderer/features/inbox/components/utils/ReportCardContent.tsx
index 3ae4b67d4..c3fcfa355 100644
--- a/apps/code/src/renderer/features/inbox/components/utils/ReportCardContent.tsx
+++ b/apps/code/src/renderer/features/inbox/components/utils/ReportCardContent.tsx
@@ -46,7 +46,7 @@ export function ReportCardContent({
         <Flex align="center" gapX="2" wrap="wrap" className="min-w-0 flex-1">
           <Text
             size="1"
-            weight="medium"
+            weight="bold"
             className="min-w-0 flex-1 basis-0 truncate text-[13px]"
           >
             {report.title ?? "Untitled signal"}
diff --git a/apps/code/src/renderer/features/inbox/components/utils/SignalReportSummaryMarkdown.tsx b/apps/code/src/renderer/features/inbox/components/utils/SignalReportSummaryMarkdown.tsx
index 6543d71a6..dfae69ad9 100644
--- a/apps/code/src/renderer/features/inbox/components/utils/SignalReportSummaryMarkdown.tsx
+++ b/apps/code/src/renderer/features/inbox/components/utils/SignalReportSummaryMarkdown.tsx
@@ -27,7 +27,7 @@ export function SignalReportSummaryMarkdown({
   if (variant === "list") {
     return (
       <Box
-        className="[&_.rt-Text]:!mb-0 [&_p]:!mb-0 [&_ul]:!mb-0 min-w-0 text-left [&_li]:mb-0"
+        className="[&_.rt-Text]:!mb-0 [&_.rt-Text]:!text-[12px] [&_p]:!mb-0 [&_ul]:!mb-0 min-w-0 text-left [&_li]:mb-0"
         style={{ color: "var(--gray-11)", ...italicStyle }}
       >
         <div className="line-clamp-2 overflow-hidden text-[12px] leading-snug [&_a]:pointer-events-auto">
@@ -39,7 +39,7 @@ export function SignalReportSummaryMarkdown({
 
   return (
     <Box
-      className="min-w-0 text-pretty break-words [&_.rt-Text]:mb-2 [&_li]:mb-1 [&_p:last-child]:mb-0"
+      className="min-w-0 text-pretty break-words [&_.rt-Text]:mb-2 [&_.rt-Text]:!text-[12px] [&_li]:mb-1 [&_p:last-child]:mb-0"
       style={{ color: "var(--gray-11)", ...italicStyle }}
     >
       <div className="text-[12px] leading-relaxed [&_a]:pointer-events-auto">