diff --git a/client/src/pages/Sleep.tsx b/client/src/pages/Sleep.tsx
index 051e009..d684367 100644
--- a/client/src/pages/Sleep.tsx
+++ b/client/src/pages/Sleep.tsx
@@ -15,7 +15,10 @@ function avg(values: Array<number | null | undefined>): number | null {
 
 function Sleep() {
   const [days, setDays] = useState<HealthDay[]>([]);
-  const [range, setRange] = useState(30);
+  // 14 by default: the stacked chart needs bars wide enough to read the
+  // thinnest stage and to give hover a ~24px hit target. Longer windows stay
+  // available for the trend, where density matters less.
+  const [range, setRange] = useState(14);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');