diff --git a/app/assets/javascripts/discourse/widgets/hamburger-categories.js.es6 b/app/assets/javascripts/discourse/widgets/hamburger-categories.js.es6
index 37bdae69fb8..15e3dc9b3f2 100644
--- a/app/assets/javascripts/discourse/widgets/hamburger-categories.js.es6
+++ b/app/assets/javascripts/discourse/widgets/hamburger-categories.js.es6
@@ -6,6 +6,12 @@ createWidget('hamburger-category', {
   tagName: 'li.category-link',
 
   html(c) {
+    if (c.parent_category_id) {
+      this.tagName += '.subcategory';
+    }
+
+    this.tagName += '.category-' + Discourse.Category.slugFor(c, '-');
+
     const results = [ this.attach('category-link', { category: c, allowUncategorized: true }) ];
 
     const unreadTotal = parseInt(c.get('unreadTopics'), 10) + parseInt(c.get('newTopics'), 10);