diff --git a/views/options/inventory/inventory.jade b/views/options/inventory/inventory.jade
index f78aa312d4..fb70056c0f 100644
--- a/views/options/inventory/inventory.jade
+++ b/views/options/inventory/inventory.jade
@@ -199,9 +199,9 @@ script(type='text/ng-template', id='partials/options.inventory.drops.html')
                     | 4
                     span.Pet_Currency_Gem1x.inline-gems
                 div(ng-if='user.purchased.plan.planId')
-                  button.customize-option(ng-click='user.ops.purchase({params:{type:"gems",key:"gem"}})')
+                  button.customize-option(popover=env.t('subGemPop'), popover-title=env.t('subGemName'), popover-trigger='mouseenter', popover-placement='top',ng-click='user.ops.purchase({params:{type:"gems",key:"gem"}})')
                     span.Pet_Currency_Gem.inline-gems
-                    .badge.badge-info.stack-count {{Shared.planGemLimits.convCap + user.purchased.plan.consecutive.gemCapExtra - User.user.purchased.plan.gemsBought}}
+                    .badge.badge-success.stack-count {{Shared.planGemLimits.convCap + User.user.purchased.plan.consecutive.gemCapExtra - User.user.purchased.plan.gemsBought}}
                   p
                     | 20
                     span.shop_gold