diff --git a/views/app/game-pane.html b/views/app/game-pane.html
index be060fd3d1..f4b6871af5 100644
--- a/views/app/game-pane.html
+++ b/views/app/game-pane.html
@@ -2,7 +2,7 @@
     <div class="module full-width">
 
         <span class='option-box pull-right wallet'>
-            <app:rewards:userGems />
+            <app:rewards:user-gems />
         </span>
 
         <ul class="nav nav-tabs game-tabs">
diff --git a/views/app/modals.html b/views/app/modals.html
index 529c8a7d1a..8ad404f2c6 100644
--- a/views/app/modals.html
+++ b/views/app/modals.html
@@ -34,7 +34,7 @@
 
     <!-- Re-Roll modal -->
     <app:modals:modal modalId='reroll-modal' header="Reset Your Tasks">
-        <app:rewards:userGems />
+        <app:rewards:user-gems />
         <p>Highly discouraged because red tasks provide good incentive to improve (<a target="_blank" href="https://github.com/lefnire/habitrpg#all-my-tasks-are-red-im-dying-too-fast">read more</a>). However, this becomes necessary after long bouts of bad habits.</p>
         <@footer>   
             {#if lt(_user.balance,1)}
@@ -47,7 +47,7 @@
 
     <!-- Buy more Gems modal -->
     <app:modals:modal modalId='more-gems-modal' header="Out Of Gems">
-        <app:rewards:userGems />
+        <app:rewards:user-gems />
         <p>Oops, out of Gems, which are used to buy special items! Habit is an open source project, and can use all the help it can get - buy more Gems to receive this pet, and consider it a donation to the contributors</p>
         <@footer>
         <a data-dismiss="modal" x-bind="click:showStripe" class="btn btn-success btn-large">Buy More Gems</a><span class='gem-cost'>Not enough Gems</span>
diff --git a/views/app/rewards.html b/views/app/rewards.html
index f658b6e786..21dab841e5 100644
--- a/views/app/rewards.html
+++ b/views/app/rewards.html
@@ -32,8 +32,8 @@
                         <app:rewards:item item={_items.next.armor} />
                         <app:rewards:item item={_items.next.head} />
                         <app:rewards:item item={_items.next.shield} />
-                        <app:rewards:item item={_items.potion} />
-                        <app:rewards:item item={_items.reroll} />
+                        <app:rewards:item item={{_items.potion}} />
+                        <app:rewards:item item={{_items.reroll}} />
                     </ul>
                 </@extra>
                 <@ads><a href="http://www.amazon.com/gp/product/1594484805/ref=as_li_tf_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1594484805&linkCode=as2&tag=ha0d2-20">Drive: The Surprising Truth About What Motivates Us</a><img src="//www.assoc-amazon.com/e/ir?t=ha0d2-20&l=as2&o=1&a=1594484805" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></@ads>
@@ -43,7 +43,7 @@
 
 
 
-<userGems:>
+<user-gems:>
   <a class="pull-right gem-wallet" rel='popover' data-trigger='hover' data-title='Gems' data-content="Used for buying special items (reroll, eggs, hatching potions, etc). You'll need to unlock those features before being able to use Gems." data-placement='bottom'>
     <span class="task-action-btn tile flush bright add-gems-btn" x-bind="click:showStripe">＋</span>
     <span class="task-action-btn tile flush neutral"><div class="Gems"></div> {gems(_user.balance)} Gems