diff --git a/SHA256SUMS b/SHA256SUMS
index 546939c..c1faa52 100644
--- a/SHA256SUMS
+++ b/SHA256SUMS
@@ -203,7 +203,7 @@ bfd9fafb3112197e8f875dbf87a9a66c81aef0fe83687601a84a66f5e13f69bc  src/admin/web/
 e540119edc555cefbe5147d97e06527adf49c984ba7a4dd51dc67603d3a46041  src/admin/web/app/preferences.js
 9e2b12d34ab1fb29716645720577ad49b16c03b46c482a03695e8f645d170e79  src/admin/web/app/rate-sampling.js
 3b8e566d81a5b94ef21c73e7805ae128454f085554de9358040de266bcbdb0e0  src/admin/web/app/refresh.js
-5d1e805787530644b8853bd7f48d0efb1dc3f4829ca8b11eaa80c57434b8841d  src/admin/web/app/runtime.js
+f2c347cdd592ca5702d8b398d6ea9e9f75fa9639d70c5cbf3836334ca5b2b0d2  src/admin/web/app/runtime.js
 31201586925e6f4792071d7d03fb05dcc4a69a03c02a4e85eb0746f45af68074  src/admin/web/app/session-resume.js
 c7a18238ac426de4d1cf84a395ee4dc66410d60a57a3822695dc10adc668d956  src/admin/web/app/settings.js
 b7ead49224a4ec67181d3f24f9d9634bd6d76756f826a4d5d993300637d1d8f3  src/admin/web/app/stream-dashboard.js
@@ -213,7 +213,7 @@ b7ead49224a4ec67181d3f24f9d9634bd6d76756f826a4d5d993300637d1d8f3  src/admin/web/
 4810137aa4217a86770617d442cf5dc6bec0d9f19e20bb2155e932a9a111cedf  src/admin/web/css/00-tokens.css
 466a24e234e1ec15f17e7d1994e838ca1ee0f52f03a4ca8fb6d9903bf2afde55  src/admin/web/css/10-base.css
 8a1996d37f138790c12a704deedde9de74f733e7dcbb6be816fd68c281e8e0a9  src/admin/web/css/20-shell.css
-9495c1b9f6a2cc72c1d99b4ea8c3cf3706835cb4670b53d5d7d71ef41ad62006  src/admin/web/css/30-overview.css
+b01f645124c7dd5b2ddbeba2aa9fbb706bb281579ff5487f17b2174263808042  src/admin/web/css/30-overview.css
 ca93e41d1c6001d82f4891cacdd712e896a0355d6db9f76cf62dd2f2225a8674  src/admin/web/css/40-editors.css
 87df062d7478176641364c07de396ca988a37b1a8bcb892b53cc578fe8471850  src/admin/web/css/50-settings.css
 733d10b6713006f53247fa6ea1cef31be75f90f989ed5811f8646b3a813667a4  src/admin/web/css/60-monitoring.css
@@ -251,7 +251,7 @@ ac9f667273918e18406df06cb2613c923f50a88897693a03a18f500e22dc6ec2  src/admin/web/
 c2e5f554810b8e34fb47361fb90a01073a2e332ee26d82e030956fad3ec1f83e  src/admin/web/login.js
 44b44790341067304e15974afcbbc7cc99686e88c2e43f62979d285eca6f726e  src/admin/web/management.js
 1f3d10e389c9c20e6eb019509fa6e82b50c6b43bbf988c1210a4d42bb73985d0  src/admin/web/partials/overview-charts.html
-32b3f9b3ce9d1de928d2f23265d09b65a135fd045d1d24b98e830922be21432f  src/admin/web/partials/overview-metrics.html
+284d6f9dbe1cf00fe7c33226a4c5f72132edef5300498ad963fabb7c258b8233  src/admin/web/partials/overview-metrics.html
 3928afce2ed6d5f2d3e29475dd29e4c3bd3c6df180ad5119beaff0c7a58e3b3b  src/admin/web/prometheus-token.js
 6f33915d33d3a8bbfaeec424651a63eda3d23b0f296ae028a59ea46463ba9fdf  src/admin/web/redirects.js
 76a01f590d49649dcb1f554c221290919b2a8438e6001737f3c096fa6daec74d  src/admin/web/settings.js
diff --git a/src/admin/web/app/runtime.js b/src/admin/web/app/runtime.js
index 19053cd..df5e8e5 100644
--- a/src/admin/web/app/runtime.js
+++ b/src/admin/web/app/runtime.js
@@ -408,7 +408,7 @@ function cacheOutcomeMix(totals) {
     return { counts, percentages: counts.map(value => value / requests * 100), requests };
 }
 // Percent labels live inside the bar segments; a label that does not fit is hidden
-// (the legend below always carries the exact value).
+// (the exact count and percentage stay in the segment and legend tooltips).
 function fitCacheMixLabels() {
     const bar = $("cache-mix-bar");
     if (!bar) return;
@@ -429,8 +429,8 @@ function renderCacheMix(mix, totalRequests) {
         const segment = $(`cache-mix-${name}`);
         segment.style.width = `${pct}%`;
         segment.textContent = mix && pct > 0 ? `${fmt(pct, pct < 10 ? 1 : 0)}%` : "";
-        $(`cache-mix-${name}-count`).textContent = mix ? fmt(mix.counts[i]) : "-";
-        $(`cache-mix-${name}-percent`).textContent = mix ? `${fmt(pct, 1)}%` : "-";
+        const detail = mix ? `${name.toUpperCase()}: ${fmt(mix.counts[i])} (${fmt(pct, 1)}%)` : "";
+        segment.title = detail; $(`cache-mix-${name}-key`).title = detail;
     });
     fitCacheMixLabels();
     $("cache-mix-headline").textContent = mix ? `${fmt(mix.percentages[0], 1)}% HIT` : "-";
diff --git a/src/admin/web/css/30-overview.css b/src/admin/web/css/30-overview.css
index 8c7a360..391df67 100644
--- a/src/admin/web/css/30-overview.css
+++ b/src/admin/web/css/30-overview.css
@@ -2246,24 +2246,6 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
   background: var(--chart-secondary);
 }
 
-#panel-overview .cache-mix-legend b {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 2px;
-  margin-left: 1px;
-  color: var(--text);
-  font: 500 9px var(--mono);
-}
-
-#panel-overview .cache-mix-legend .cache-mix-percent {
-  color: var(--muted);
-  font: 400 8px var(--mono);
-}
-
-#panel-overview .cache-mix-legend .cache-mix-percent::before {
-  content: "· ";
-}
-
 #panel-overview .system-card .system-uptime-meta,
 #panel-overview .connection-card .connection-backends-meta {
   white-space: nowrap;
diff --git a/src/admin/web/partials/overview-metrics.html b/src/admin/web/partials/overview-metrics.html
index e7ff426..f450ce0 100644
--- a/src/admin/web/partials/overview-metrics.html
+++ b/src/admin/web/partials/overview-metrics.html
@@ -46,15 +46,10 @@
         <span class="cache-mix-other" id="cache-mix-other" style="width:0%"></span>
     </div>
     <small class="cache-mix-legend">
-        <span class="cache-mix-hit-key"><i></i>HIT <b><span id="cache-mix-hit-count">-</span><span
-                    class="cache-mix-percent" id="cache-mix-hit-percent">-</span></b></span>
-        <span class="cache-mix-miss-key"><i></i>MISS <b><span id="cache-mix-miss-count">-</span><span
-                    class="cache-mix-percent" id="cache-mix-miss-percent">-</span></b></span>
-        <span class="cache-mix-bypass-key"><i></i>BYPASS <b><span id="cache-mix-bypass-count">-</span><span
-                    class="cache-mix-percent" id="cache-mix-bypass-percent">-</span></b></span>
-        <span class="cache-mix-other-key"><i></i><span data-i18n="cacheMixOther">OTHER</span> <b><span
-                    id="cache-mix-other-count">-</span><span class="cache-mix-percent"
-                    id="cache-mix-other-percent">-</span></b></span>
+        <span class="cache-mix-hit-key" id="cache-mix-hit-key"><i></i>HIT</span>
+        <span class="cache-mix-miss-key" id="cache-mix-miss-key"><i></i>MISS</span>
+        <span class="cache-mix-bypass-key" id="cache-mix-bypass-key"><i></i>BYPASS</span>
+        <span class="cache-mix-other-key" id="cache-mix-other-key"><i></i><span data-i18n="cacheMixOther">OTHER</span></span>
     </small>
 </article>
 <article class="stat" data-dashboard-widget="memory"><span data-i18n="processMemory">Process