diff --git a/src/components/insights/__tests__/trends-row.test.tsx b/src/components/insights/__tests__/trends-row.test.tsx
index 68d3b47cd..e3ccf086b 100644
--- a/src/components/insights/__tests__/trends-row.test.tsx
+++ b/src/components/insights/__tests__/trends-row.test.tsx
@@ -89,6 +89,22 @@ describe("<TrendsRow>", () => {
     expect(slots.length).toBe(3);
   });
 
+  it("pins every chart slot to h-[140px] so Recharts mounts with a known size (CLS fix)", () => {
+    // v1.4.36 W2 — without an explicit height the Recharts
+    // ResponsiveContainer mounts with width=-1 height=-1 and emits a
+    // console warning per chart. The mood card also drifted taller
+    // than BP / weight on hydration. Pinning the wrapper at 140 px
+    // matches the mini-chart's internal default; the row paints with
+    // zero layout shift.
+    const html = render(<TrendsRow />);
+    const slots =
+      html.match(/data-slot="trends-row-chart-slot"[^>]*class="[^"]*"/g) ?? [];
+    expect(slots.length).toBe(3);
+    for (const slot of slots) {
+      expect(slot).toMatch(/h-\[140px\]/);
+    }
+  });
+
   it("renders annotations when supplied", () => {
     const html = render(
       <TrendsRow
diff --git a/src/components/insights/trends-row.tsx b/src/components/insights/trends-row.tsx
index 1d746387e..6ada0cbfa 100644
--- a/src/components/insights/trends-row.tsx
+++ b/src/components/insights/trends-row.tsx
@@ -117,7 +117,7 @@ export function TrendsRow({ annotations, confidence }: TrendsRowProps) {
               wrapper (which carries a heavier shell on a default
               shadcn Card) lines up with the BP/weight tiles' lighter
               shell. Both chart types ship the same data-slot now. */}
-          <div data-slot="trends-row-chart-slot" className="shrink-0">
+          <div data-slot="trends-row-chart-slot" className="h-[140px] shrink-0">
             <HealthChartDynamic
               types={["BLOOD_PRESSURE_SYS", "BLOOD_PRESSURE_DIA"]}
               title={t("charts.bloodPressure")}
@@ -139,7 +139,7 @@ export function TrendsRow({ annotations, confidence }: TrendsRowProps) {
           data-metric="weight"
           className="flex h-full flex-col gap-2 md:min-h-[300px]"
         >
-          <div data-slot="trends-row-chart-slot" className="shrink-0">
+          <div data-slot="trends-row-chart-slot" className="h-[140px] shrink-0">
             <HealthChartDynamic
               types={["WEIGHT"]}
               title={t("charts.weight")}
@@ -160,7 +160,7 @@ export function TrendsRow({ annotations, confidence }: TrendsRowProps) {
           data-metric="mood"
           className="flex h-full flex-col gap-2 md:min-h-[300px]"
         >
-          <div data-slot="trends-row-chart-slot" className="shrink-0">
+          <div data-slot="trends-row-chart-slot" className="h-[140px] shrink-0">
             <MoodChart
               title={t("charts.mood")}
               mini