diff --git a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
index eb579e789..252e875e0 100644
--- a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
+++ b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
@@ -127,7 +127,7 @@
                     @state.Key.GetStateString() 
                     @if (state.Value > 0)
                     {
-                        <span class="badge rounded-pill fw-semibold ms-1 bg-tile">@state.Value</span>
+                        <span class="badge rounded-pill fw-semibold ms-1 bg-medium">@state.Value</span>
                     }
                 </a>
             }
diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
index 40d251c62..e720273aa 100644
--- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
+++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
@@ -10922,6 +10922,15 @@ input[type="number"].hide-number-spin {
   -moz-appearance: textfield;
 }
 
+/* custom bg and border classes */
+.bg-medium {
+  background-color: var(--btcpay-body-bg-medium);
+}
+
+.border-medium {
+  border-color: var(--btcpay-body-border-medium);
+}
+
 /* set color for text on background */
 .bg-primary {
   color: var(--btcpay-primary-text);