diff --git a/assets/css/style.css b/assets/css/style.css
index bedd1106..24e98539 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -597,7 +597,7 @@ h1, .h1 {
 .cc-kpi-status-item {
     display: flex;
     align-items: center;
-    gap: .75rem;
+    gap: .55rem;
     padding: .75rem .85rem;
     border-radius: .95rem;
     border: 1px solid rgba(15, 23, 42, .06);
@@ -639,10 +639,14 @@ h1, .h1 {
     line-height: 1;
     color: #111827;
     white-space: nowrap;
+    margin-left: auto;
+    padding-left: .45rem;
 }
 
 @media (min-width: 1200px) {
     .cc-kpi-status-legend {
+        width: 100%;
+        max-width: 36rem;
         padding: .55rem;
         gap: .22rem;
     }
@@ -657,13 +661,13 @@ h1, .h1 {
     }
 
     .cc-kpi-performance-box .cc-kpi-label {
-        font-size: .64rem;
+        font-size: .72rem;
         line-height: 1;
         white-space: nowrap;
     }
 
     .cc-kpi-performance-box .cc-kpi-value {
-        font-size: 1.16rem;
+        font-size: 1.22rem;
         line-height: 1;
         white-space: nowrap;
     }
@@ -674,7 +678,7 @@ h1, .h1 {
     }
 
     .cc-kpi-status-item {
-        padding: .38rem .55rem;
+        padding: .48rem .62rem;
         gap: .45rem;
     }
 
@@ -691,6 +695,8 @@ h1, .h1 {
 
     .cc-kpi-status-percent {
         font-size: .92rem;
+        margin-left: auto;
+        padding-left: .45rem;
     }
 }
 
diff --git a/includes/callcenter_test_helpers.php b/includes/callcenter_test_helpers.php
index cebd0884..0cf7a8f8 100644
--- a/includes/callcenter_test_helpers.php
+++ b/includes/callcenter_test_helpers.php
@@ -1203,11 +1203,12 @@ function cc_test_render_performance_dashboard(array $dashboard, array $options =
                                     </div>
                                     <div class="col-12 col-xl-8">
                                         <div class="cc-kpi-status-legend">
-                                            <div class="cc-kpi-pill cc-kpi-pill-total cc-kpi-performance-box mb-0" title="<?php echo htmlspecialchars($performanceTodayMetaTitle); ?>">
+                                            <div class="cc-kpi-pill cc-kpi-pill-total cc-kpi-performance-box mb-0" title="<?php echo htmlspecialchars($performanceTodayMetaTitle); ?>" style="flex-direction:column; align-items:flex-start; gap:.1rem;">
                                                 <div class="cc-kpi-performance-head">
                                                     <span class="cc-kpi-label">Rendimiento del día</span>
                                                     <span class="cc-kpi-value"><?php echo htmlspecialchars($performanceTodayValue); ?></span>
                                                 </div>
+                                                <div class="cc-kpi-meta"><?php echo htmlspecialchars($performanceTodayMetaTitle); ?></div>
                                             </div>
                                             <div class="small text-uppercase text-muted fw-semibold mb-0 cc-kpi-status-heading">Detalle del KPI de hoy (%)</div>
                                             <?php foreach ($statusLegendItems as $item): ?>