diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx index bf68834..a9d0851 100644 --- a/src/app/(dashboard)/dashboard/page.tsx +++ b/src/app/(dashboard)/dashboard/page.tsx @@ -177,8 +177,14 @@ export default function DashboardPage() { {/* Charts row */} + {/* items-stretch (the grid default) stretches the two columns to + match the tallest sibling; adding h-full on each wrapper and + on the inner panels makes both cards actually fill that + stretched height so their rounded borders line up. Without + this, the pipeline card rendered at its natural (shorter) + height while the line chart drove the row height. */}
-
+
-
+
diff --git a/src/components/dashboard/conversations-chart.tsx b/src/components/dashboard/conversations-chart.tsx index 458db7a..f234820 100644 --- a/src/components/dashboard/conversations-chart.tsx +++ b/src/components/dashboard/conversations-chart.tsx @@ -46,7 +46,7 @@ export function ConversationsChart({ series, loading, range, onRangeChange }: Co }, [data]) return ( -
+

Conversations Over Time

diff --git a/src/components/dashboard/pipeline-donut.tsx b/src/components/dashboard/pipeline-donut.tsx index 4a9854a..7391cee 100644 --- a/src/components/dashboard/pipeline-donut.tsx +++ b/src/components/dashboard/pipeline-donut.tsx @@ -12,7 +12,7 @@ interface PipelineDonutProps { export function PipelineDonut({ data, loading }: PipelineDonutProps) { return ( -
+

Pipeline Value