diff --git a/src/index.html b/src/index.html
index f961908fd..9cc97fa04 100644
--- a/src/index.html
+++ b/src/index.html
@@ -147,8 +147,9 @@
                   <ul class="nav navbar-nav navbar-right" ng-hide="hideNavBarActions">
                     <li ng-show="user.isAtLeastOwner && (subscription.plan.id === 'free' || subscription.plan.id === 'expired')">
                       <a ng-click="openSubscriptionSetup()" style="cursor: pointer">
-                        <span class="badge badge-success" ng-show="subscription.plan.id === 'free'">{{ 'settings.appstoreAccount.subscriptionSetupAction' | tr }}</span>
-                        <span class="badge badge-danger"  ng-show="subscription.plan.id !== 'free'">{{ 'settings.appstoreAccount.subscriptionReactivateAction' | tr }}</span>
+                        <span class="badge" ng-class="{'badge-danger': subscription.plan.id !== 'free', 'badge-success': subscription.plan.id === 'free' }">
+                          {{ subscription.plan.id === 'free' ? ('settings.appstoreAccount.subscriptionSetupAction' | tr) : ('settings.appstoreAccount.subscriptionReactivateAction' | tr) }}
+                        </span>
                       </a>
                     </li>
                     <li ng-show="!user.isAtLeastOwner && subscription.plan.id === 'expired'">