diff --git a/website/views/options/inventory/time-travelers.jade b/website/views/options/inventory/time-travelers.jade
index b07a533852..4b8277038f 100644
--- a/website/views/options/inventory/time-travelers.jade
+++ b/website/views/options/inventory/time-travelers.jade
@@ -1,18 +1,14 @@
 .container-fluid
-  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets <= 0'): .col-xs-12
-    .npc_timetravelers.pull-left-sm.col-centered
+  .stable.row: .col-xs-12
+    - var hasTrinkets = 'user.purchased.plan.consecutive.trinkets > 0'
+    .pull-left-sm.col-centered(ng-class='#{hasTrinkets} ? "npc_timetravelers_active" : "npc_timetravelers"')
     .popover.static-popover.fade.right.in.pull-left-sm.col-centered
       .arrow.hidden-xs
-      h3.popover-title!=env.t('timeTravelersTitleNoSub', {linkStartTyler: "<a href='https://github.com/lefnire' target='_blank'>", linkStartVicky: "<a href='http://blog.habitrpg.com/who' target='_blank'>", linkEnd: "</a>"})
-      .popover-content
+      h3.popover-title(ng-if='#{hasTrinkets}')=env.t('timeTravelersTitle')
+      h3.popover-title(ng-if='!(#{hasTrinkets})')!=env.t('timeTravelersTitleNoSub', {linkStartTyler: "<a href='https://github.com/lefnire' target='_blank'>", linkStartVicky: "<a href='http://blog.habitrpg.com/who' target='_blank'>", linkEnd: "</a>"})
+      .popover-content(ng-if='!(#{hasTrinkets})')
         p!=env.t('timeTravelersPopoverNoSub', {linkStart: "<a href='https://habitica.com/#/options/settings/subscription' target='_blank'>", linkEnd: "</a>"})
-
-  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets > 0'): .col-xs-12
-    .npc_timetravelers_active.pull-left-sm.col-centered
-    .popover.static-popover.fade.right.in.pull-left-sm.col-centered
-      .arrow.hidden-xs
-      h3.popover-title=env.t('timeTravelersTitle')
-      .popover-content
+      .popover-content(ng-if='#{hasTrinkets}')
         .pull-right
           span.inventory_special_trinket.inline-gems
           b x{{user.purchased.plan.consecutive.trinkets}}