diff --git a/components/stats/SessionsSummaryCards.tsx b/components/stats/SessionsSummaryCards.tsx
index e755ca8..464a73a 100644
--- a/components/stats/SessionsSummaryCards.tsx
+++ b/components/stats/SessionsSummaryCards.tsx
@@ -12,10 +12,14 @@ function formatHours(ms: number): string {
   return `${(ms / 3_600_000).toFixed(1)}h`;
 }
 
+function formatReplays(count: number): string {
+  return count === 0 ? "-" : `${count}×`;
+}
+
 export function SessionsSummaryCards({ summary }: { summary: SessionsSummary }) {
   return (
     <div className="flex flex-col gap-4">
-      <div className="grid gap-4 sm:grid-cols-3">
+      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
         <Card className="bp-glass">
           <CardHeader>
             <CardTitle className="text-sm text-muted-foreground">Completed sessions</CardTitle>
@@ -36,10 +40,13 @@ export function SessionsSummaryCards({ summary }: { summary: SessionsSummary })
             {Math.round(summary.avgDurationMs / 60_000)}m
           </CardContent>
         </Card>
+        <Card className="bp-glass">
+          <CardHeader>
+            <CardTitle className="text-sm text-muted-foreground">Replays</CardTitle>
+          </CardHeader>
+          <CardContent className="bp-readout text-3xl">{formatReplays(summary.totalReplays)}</CardContent>
+        </Card>
       </div>
-      <Card className="bp-glass">
-        <CardContent className="py-3 text-sm text-muted-foreground">Replayed {summary.totalReplays}×</CardContent>
-      </Card>
       {summary.durationPerDevice.length > 0 && (
         <Card className="bp-glass">
           <CardHeader>