diff --git a/app/assets/javascripts/discourse/helpers/category-link.js.es6 b/app/assets/javascripts/discourse/helpers/category-link.js.es6
index de7f73f5793..7735be3d69b 100644
--- a/app/assets/javascripts/discourse/helpers/category-link.js.es6
+++ b/app/assets/javascripts/discourse/helpers/category-link.js.es6
@@ -73,9 +73,9 @@ export function categoryBadgeHTML(category, opts) {
   }
 
   if (restricted) {
-    html += `${iconHTML('lock')}<span ${categoryDir}>${categoryName}</span>`;
+    html += `${iconHTML('lock')}<span class="category-name" ${categoryDir}>${categoryName}</span>`;
   } else {
-    html += `<span ${categoryDir}>${categoryName}</span>`;
+    html += `<span class="category-name" ${categoryDir}>${categoryName}</span>`;
   }
   html += "</span>";
 
diff --git a/app/assets/javascripts/select-kit/components/category-drop.js.es6 b/app/assets/javascripts/select-kit/components/category-drop.js.es6
index 7ff78acaaf9..83ac00ff1d6 100644
--- a/app/assets/javascripts/select-kit/components/category-drop.js.es6
+++ b/app/assets/javascripts/select-kit/components/category-drop.js.es6
@@ -74,9 +74,9 @@ export default ComboBoxComponent.extend({
       }).htmlSafe();
     } else {
       if (this.get("noSubcategories")) {
-        content.label = this.get("noCategoriesLabel");
+        content.label = `<span class="category-name">${this.get("noCategoriesLabel")}</span>`;
       } else {
-        content.label = this.get("allCategoriesLabel");
+        content.label = `<span class="category-name">${this.get("allCategoriesLabel")}</span>`;
       }
     }