diff --git a/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx b/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx
index 5290a38..9047f95 100644
--- a/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx
+++ b/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx
@@ -86,9 +86,7 @@ export const DownloadProgress = ({ game, size = 'md', full = false, onCancel }:
title={`Downloading from ${stats.activePeerCount} ${peerUnit} on the LAN`}
>
-
- from {stats.activePeerCount} {peerUnit}
-
+ {stats.activePeerCount}
>
)}
diff --git a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
index cb5f60a..2c10d3b 100644
--- a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
+++ b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
@@ -1048,14 +1048,11 @@
.dl-lg-secondary .dl-peers {
display: inline-flex;
align-items: center;
- gap: 5px;
- color: var(--t-2);
- white-space: nowrap;
-}
-.dl-lg-secondary .dl-peers strong {
+ gap: 4px;
color: var(--t-1);
font-weight: 600;
font-variant-numeric: tabular-nums;
+ white-space: nowrap;
}
.dl-lg-secondary .dl-peers svg {
opacity: 0.7;
@@ -1069,13 +1066,13 @@
.dl-sep {
opacity: 0.45;
}
-@container (max-width: 380px) {
+@container (max-width: 320px) {
.dl-lg-secondary .dl-eta,
.dl-lg-secondary .dl-sep-eta {
display: none;
}
}
-@container (max-width: 300px) {
+@container (max-width: 240px) {
.dl-lg-secondary .dl-peers,
.dl-lg-secondary .dl-sep-peers {
display: none;