diff --git a/app/assets/javascripts/discourse/components/badge-button.js.es6 b/app/assets/javascripts/discourse/components/badge-button.js.es6
index cc24cfaaf87..c32e1f1cbbe 100644
--- a/app/assets/javascripts/discourse/components/badge-button.js.es6
+++ b/app/assets/javascripts/discourse/components/badge-button.js.es6
@@ -1,7 +1,9 @@
 export default Ember.Component.extend({
   tagName: 'span',
   classNameBindings: [':user-badge', 'badge.badgeTypeClassName'],
-  title: Em.computed.alias('badge.description'),
+  title: function(){
+    return $("<div>"+this.get('badge.description')+"</div>").text();
+  }.property('badge.description'),
   attributeBindings: ['data-badge-name', 'title'],
   'data-badge-name': Em.computed.alias('badge.name')
 });