From 6116e212db269ab4353d5971f2a2948434456cbf Mon Sep 17 00:00:00 2001
From: Sucukdeluxe <Sucukdeluxe@users.noreply.github.com>
Date: Wed, 26 Aug 2026 15:40:57 +0200
Subject: [PATCH] Fit the speed value pill to decimal peak rates

Tighten the fixed speed label module to nine character units with seven-pixel padding while preserving enough room for values such as 300.5 MB/s without moving the graph.
---
 src/renderer/styles.css        | 8 ++++----
 tests/statistics-view.test.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 827909f..c5d2d82 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -643,10 +643,10 @@ body,
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex: 0 0 10ch;
-  width: 10ch;
-  min-width: 10ch;
-  padding: 0 8px;
+  flex: 0 0 9ch;
+  width: 9ch;
+  min-width: 9ch;
+  padding: 0 7px;
   font-size: 12px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
diff --git a/tests/statistics-view.test.tsx b/tests/statistics-view.test.tsx
index 10c4084..ea83898 100644
--- a/tests/statistics-view.test.tsx
+++ b/tests/statistics-view.test.tsx
@@ -598,7 +598,7 @@ describe("bandwidth chart palette", () => {
     const source = readFileSync(new URL("../src/renderer/App.tsx", import.meta.url), "utf8");
 
     expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*150px;/s);
-    expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*flex:\s*0 0 10ch;[^}]*width:\s*10ch;[^}]*min-width:\s*10ch;[^}]*padding:\s*0 8px;/s);
+    expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*flex:\s*0 0 9ch;[^}]*width:\s*9ch;[^}]*min-width:\s*9ch;[^}]*padding:\s*0 7px;/s);
     expect(source).toContain('className="speed-sparkline-graph"');
     expect(css).toMatch(/\.speed-sparkline-graph,\s*\.speed-sparkline-value\s*\{[^}]*background:\s*var\(--field\);[^}]*border:\s*1px solid var\(--border\);[^}]*border-radius:\s*8px;/s);
   });