diff --git a/views/options/profile.jade b/views/options/profile.jade
index d3d8bd9fce..5774a80d7d 100644
--- a/views/options/profile.jade
+++ b/views/options/profile.jade
@@ -250,8 +250,7 @@ mixin backgrounds(mobile)
               //-button.btn.btn-xs(ng-hide="ownsSet('background',Content.backgrounds['#{k}'])",ng-click="unlock(setKeys('background',Content.backgrounds['#{k}']))")!= env.t('unlockSet',{cost:15}) + ' <span class="Pet_Currency_Gem1x inline-gems"/>'
               button.btn.btn-xs(ng-hide="ownsSet('background',#{JSON.stringify(bgs)})",ng-click="unlock(setKeys('background',#{JSON.stringify(bgs)}))")!= env.t('unlockSet',{cost:15}) + ' <span class="Pet_Currency_Gem1x inline-gems"/>'
             each bg,k in bgs
-              button.customize-option(type='button',class='background_#{k}',ng-click='unlock("background.#{k}")',popover-title=bg.text(),popover=bg.notes(),popover-trigger='mouseenter').background-unlocked(ng-if='user.purchased.background.#{k}')
-              button.customize-option(type='button',class='background_#{k}',ng-click='unlock("background.#{k}")',popover-title=bg.text(),popover=bg.notes(),popover-trigger='mouseenter').background-locked(ng-if='!user.purchased.background.#{k}')
+              button.customize-option(type='button',class='background_#{k}',ng-class="user.purchased.background.#{k} ? 'background-unlocked' : 'background-locked'", ng-click='unlock("background.#{k}")',popover-title=bg.text(),popover=bg.notes(),popover-trigger='mouseenter')
       - }
 
 script(type='text/ng-template', id='partials/options.profile.backgrounds.html')