diff --git a/design/README.md b/design/README.md
index 6d75ebf..6a9e5cf 100644
--- a/design/README.md
+++ b/design/README.md
@@ -254,7 +254,7 @@ grid-template-areas:
 - **Secondary row** (`.dl-lg-secondary`, bottom-left) — the live stats. 12px, four groups separated by `·` (0.45 opacity):
   1. `<strong>11.4 GB</strong> / 35 GB`  (`var(--t-1)` strong + `var(--t-2)` rest)
   2. `47.6 MB/s`  (`var(--t-1)`)
-  3. `[users-icon] from <strong>5</strong> peers`  — `.dl-peers`, inline-flex with 5px gap, icon at 0.7 opacity, count bold + tabular-nums in `var(--t-1)`, rest in `var(--t-2)`. Singular/plural switches on `peers === 1`. Hidden entirely when `game.peers` is falsy. Communicates that this is a LAN swarm transfer, not a single-source pull.
+  3. `[users-icon] 5` — `.dl-peers`, inline-flex with 4px gap, icon at 0.7 opacity, count in `var(--t-1)` 600 tabular-nums. Hidden entirely when `game.peers` is falsy. Communicates this is a LAN swarm transfer; the full sentence lives in the `title` tooltip.
   4. `8 min left`  (`var(--t-2)`)
 - **pct column** — large percentage, 20px / 700, `letter-spacing: -0.01em`, `var(--t-1)`. `%` glyph at 12px / 600 / 0.55 opacity.
 - **cancel column** — 28×28 square, `1px solid var(--bd-2)`, `border-radius: 6px`, X icon. Hover: bg `rgba(239,68,68,0.12)`, border `rgba(239,68,68,0.40)`, text `#fca5a5`. Cancelling reverts the game to its prior state (`local` if any data was kept, `none` otherwise) — dev decides the underlying behavior.
@@ -262,8 +262,8 @@ grid-template-areas:
 **Graceful degradation in narrow modals:**
 
 ```css
-@container (max-width: 380px) { .dl-lg-secondary .dl-eta,   .dl-lg-secondary .dl-sep-eta   { display: none; } }
-@container (max-width: 300px) { .dl-lg-secondary .dl-peers, .dl-lg-secondary .dl-sep-peers { display: none; } }
+@container (max-width: 320px) { .dl-lg-secondary .dl-eta,   .dl-lg-secondary .dl-sep-eta   { display: none; } }
+@container (max-width: 240px) { .dl-lg-secondary .dl-peers, .dl-lg-secondary .dl-sep-peers { display: none; } }
 ```
 
 ETA drops first, then peers; bytes + speed always stay (they're the actionable numbers). The pct/cancel column never collapses.
diff --git a/design/design_reference/components.jsx b/design/design_reference/components.jsx
index 647426b..b09162f 100644
--- a/design/design_reference/components.jsx
+++ b/design/design_reference/components.jsx
@@ -164,7 +164,7 @@ function DownloadProgress({ game, accent, size = 'md', full = false }) {
                 <span className="dl-sep dl-sep-peers">·</span>
                 <span className="dl-peers" title={`Downloading from ${game.peers} ${game.peers === 1 ? 'peer' : 'peers'} on the LAN`}>
                   <Icon.users/>
-                  <span>from <strong>{game.peers}</strong> {game.peers === 1 ? 'peer' : 'peers'}</span>
+                  <span>{game.peers}</span>
                 </span>
               </React.Fragment>
             )}
diff --git a/design/design_reference/styles.css b/design/design_reference/styles.css
index 059d97b..582910c 100644
--- a/design/design_reference/styles.css
+++ b/design/design_reference/styles.css
@@ -785,21 +785,21 @@
 .dl-lg-secondary .dl-bytes .dl-of { color: var(--t-2); font-weight: 500; }
 .dl-lg-secondary .dl-speed { color: var(--t-1); font-weight: 600; white-space: nowrap; }
 .dl-lg-secondary .dl-peers {
-  display: inline-flex; align-items: center; gap: 5px;
-  color: var(--t-2); white-space: nowrap;
+  display: inline-flex; align-items: center; gap: 4px;
+  color: var(--t-1); font-weight: 600; font-variant-numeric: tabular-nums;
+  white-space: nowrap;
 }
-.dl-lg-secondary .dl-peers strong { color: var(--t-1); font-weight: 600; font-variant-numeric: tabular-nums; }
 .dl-lg-secondary .dl-peers svg { opacity: 0.7; }
 .dl-lg-secondary .dl-eta { white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
 .dl-sep { opacity: 0.45; }
 
 /* Gracefully drop the ETA when the modal is narrow */
-@container (max-width: 380px) {
+@container (max-width: 320px) {
   .dl-lg-secondary .dl-eta,
   .dl-lg-secondary .dl-sep-eta { display: none; }
 }
 /* Even narrower: drop peers too, keep size + speed */
-@container (max-width: 300px) {
+@container (max-width: 240px) {
   .dl-lg-secondary .dl-peers,
   .dl-lg-secondary .dl-sep-peers { display: none; }
 }