diff --git a/public/css/challenges.styl b/public/css/challenges.styl
index d3a39eaca1..a2f1bd7752 100644
--- a/public/css/challenges.styl
+++ b/public/css/challenges.styl
@@ -6,6 +6,9 @@ ul.challenge-accordion-header-specs
         margin: 2px 5px
         float:left
 
+        &.transparent
+            background-color: transparent;
+
 #create-challenge-btn
 	margin-bottom: 10px
 
diff --git a/views/options/social/challenges.jade b/views/options/social/challenges.jade
index b3c0487450..5359c478bb 100644
--- a/views/options/social/challenges.jade
+++ b/views/options/social/challenges.jade
@@ -138,7 +138,7 @@ script(type='text/ng-template', id='partials/options.social.challenges.html')
           .panel.panel-default(ng-repeat='challenge in challenges|filter:filterChallenges track by challenge._id ')
             .panel-heading
               ul.pull-right.challenge-accordion-header-specs
-                li(ng-if='challenge.official')
+                li.transparent(ng-if='challenge.official')
                   span.label.label-success=env.t('officialChallenge')
                 li {{challenge.group.name}}
                 li
@@ -154,7 +154,7 @@ script(type='text/ng-template', id='partials/options.social.challenges.html')
                     span.inline-block.Pet_Currency_Gem1x
                     |  
                     =env.t('prize')
-                li
+                li.transparent
                   // leave / join
                   a.btn.btn-sm.btn-danger(ng-show='challenge._isMember', ng-click='clickLeave(challenge, $event)')
                     span.glyphicon.glyphicon-ban-circle