diff --git a/frontend/src/pages/reports/ReportsPage.tsx b/frontend/src/pages/reports/ReportsPage.tsx
index 479595e..4826032 100644
--- a/frontend/src/pages/reports/ReportsPage.tsx
+++ b/frontend/src/pages/reports/ReportsPage.tsx
@@ -247,8 +247,16 @@ function NetWorthTab() {
     <div className="space-y-4">
       <div className="grid grid-cols-3 gap-4">
         <StatCard label="Net Worth" value={Number(data.current_net_worth)} change={Number(data.change_30d)} currency={data.base_currency} />
-        <StatCard label="30d Change %" value={Number(data.change_30d_pct)} currency="%" />
-        <StatCard label="Data Points" value={data.points.length} currency="" />
+        <div className="bg-card border border-border rounded-xl p-4">
+          <p className="text-xs text-muted-foreground mb-1">30d Change</p>
+          <p className={cn("text-xl font-bold tabular-nums", Number(data.change_30d_pct) >= 0 ? "text-success" : "text-destructive")}>
+            {Number(data.change_30d_pct) >= 0 ? "+" : ""}{Number(data.change_30d_pct).toFixed(2)}%
+          </p>
+        </div>
+        <div className="bg-card border border-border rounded-xl p-4">
+          <p className="text-xs text-muted-foreground mb-1">History</p>
+          <p className="text-xl font-bold tabular-nums">{data.points.length} snapshot{data.points.length !== 1 ? "s" : ""}</p>
+        </div>
       </div>
       {data.points.length === 0 ? (
         <EmptyChart message="No snapshots yet — snapshots are taken daily at 2am" />