diff --git a/src/gui/src/UI/Dashboard/TabHome.js b/src/gui/src/UI/Dashboard/TabHome.js index 0ec151006..b3c755cfe 100644 --- a/src/gui/src/UI/Dashboard/TabHome.js +++ b/src/gui/src/UI/Dashboard/TabHome.js @@ -272,7 +272,7 @@ const TabHome = { $el_window.find('.bento-plan-name').text(i18n(planName)); if ( hasSubscription ) { - $el_window.find('.bento-plan-badge').text('Active subscription').addClass('active'); + $el_window.find('.bento-plan-badge').text('Current').addClass('active'); $el_window.find('.bento-plan-upgrade').text('Manage →').show(); } else { $el_window.find('.bento-plan-badge').text('Upgrade for more features').addClass('free'); diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css index 3c0c237d2..380053f3d 100644 --- a/src/gui/src/css/dashboard.css +++ b/src/gui/src/css/dashboard.css @@ -2795,7 +2795,14 @@ body { } .dashboard .bento-plan-badge.active { + display: inline-block; + padding: 2px 8px; + border-radius: 999px; + font-size: 12px; + font-weight: 500; color: var(--dashboard-success-text); + background: var(--dashboard-success-background); + border: 1px solid var(--dashboard-success-border); } .dashboard .bento-plan-upgrade {