diff --git a/static/app.js b/static/app.js
index 0fc5373..481c9ff 100644
--- a/static/app.js
+++ b/static/app.js
@@ -596,7 +596,9 @@ function precipChart(days, n, xFor, C) {
     days, n, xFor, C, key: "precip", color: C.precip, fan: RAIN_FAN, hasNormals: true, baseZero: true,
     getVal: (d) => (d.precip ? d.precip.value : null),
     getPct: (d) => (d.precip ? d.precip.percentile : null),
-    dotColor: (d) => (d.precip && d.precip.value > 0 ? (TIER_COLORS[d.precip.class] || C.precip) : C.precip),
+    // Rain days take their intensity-tier color; no-rain days warm with the dry
+    // streak (tan→red) so a dry spell reads as dry, matching the Dry chart.
+    dotColor: (d) => (d.precip && d.precip.value > 0 ? (TIER_COLORS[d.precip.class] || C.precip) : (drynessColor(d.dsr) || C.precip)),
     fmtAxis: (v) => `${v.toFixed(2)}"`,
     fmtLabel: (v) => `${v.toFixed(2)}"`,
     labelOn: (v) => v > 0,   // only label rain days; dry days rest on the baseline
diff --git a/static/calendar.js b/static/calendar.js
index a79fe4a..cad7ae6 100644
--- a/static/calendar.js
+++ b/static/calendar.js
@@ -678,7 +678,7 @@ function renderTotals(visible) {
   }
 
   const total = buckets.reduce((n, b) => n + b[2], 0);
-  const pctText = (n) => { const r = Math.round(100 * n / total); return n > 0 && r === 0 ? "<1%" : `${r}%`; };
+  const pctText = (n) => { const p = 100 * n / total, r = Math.round(p); return n > 0 && r === 0 ? `${p.toFixed(1)}%` : `${r}%`; };
   const head = wActive
     ? `${days.length.toLocaleString()} of ${visible.length.toLocaleString()} shown days match the weather filter — by ${title}:`
     : `${visible.length.toLocaleString()} days shown — by ${title}:`;
diff --git a/static/style.css b/static/style.css
index d3baed5..02d1ac0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -754,7 +754,7 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
 .ct-num-zero { font-weight: 600; opacity: .38; }
 .ct-line {
   position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
-  width: 3px; border-radius: 2px 2px 0 0; background: var(--c);
+  width: 10px; border-radius: 3px 3px 0 0; background: var(--c);
 }
 .ct-col-median .ct-num { color: var(--muted); font-weight: 800; }
 .ct-mid {