diff --git a/app/assets/javascripts/discourse/components/badge-card.js.es6 b/app/assets/javascripts/discourse/components/badge-card.js.es6
index a5eb0561aaa..e0b2a8ab5d9 100644
--- a/app/assets/javascripts/discourse/components/badge-card.js.es6
+++ b/app/assets/javascripts/discourse/components/badge-card.js.es6
@@ -5,6 +5,11 @@ export default Ember.Component.extend({
   size: 'medium',
   classNameBindings: [':badge-card', 'size', 'badge.slug'],
 
+  @computed('badge.url', 'badge.has_badge')
+  url(url, hasBadge) {
+    return hasBadge ? `${url}?username=${this.currentUser.get('username_lower')}` : url;
+  },
+
   @computed('count', 'badge.grant_count')
   displayCount(count, grantCount) {
     if (count == null) { return grantCount; }
diff --git a/app/assets/javascripts/discourse/templates/components/badge-card.hbs b/app/assets/javascripts/discourse/templates/components/badge-card.hbs
index 2a41b366059..93d3c490b6e 100644
--- a/app/assets/javascripts/discourse/templates/components/badge-card.hbs
+++ b/app/assets/javascripts/discourse/templates/components/badge-card.hbs
@@ -10,7 +10,7 @@
   </div>
   <div class='badge-info'>
     <div class='badge-info-item'>
-      <h3><a href={{badge.url}}>{{badge.name}}</a></h3>
+      <h3><a href={{url}}>{{badge.name}}</a></h3>
       <div class='badge-summary'>{{{summary}}}</div>
     </div>
   </div>