diff --git a/app/assets/javascripts/discourse/templates/components/category-drop.hbs b/app/assets/javascripts/discourse/templates/components/category-drop.hbs
index 02a184e34b4..83783fcc240 100644
--- a/app/assets/javascripts/discourse/templates/components/category-drop.hbs
+++ b/app/assets/javascripts/discourse/templates/components/category-drop.hbs
@@ -1,5 +1,6 @@
 {{#if category}}
   <a href {{action "expand"}} class="badge-category" {{bind-attr style="badgeStyle"}}>
+    <span class="badge-category-bg" style="background-color: #{{unbound category.color}};"></span>
     {{#if category.read_restricted}}
       {{fa-icon "lock"}}
     {{/if}}
diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index bff91171960..84d07961590 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -91,8 +91,14 @@ h1 a.badge-category div {vertical-align: top;}
 
 .category-breadcrumb li > .badge-category {
   float: left;
+  &:not(.home):first-child {
+    .badge-category-bg {
+      display: none;
+    }
+  }
 }
 
+
 .user-preferences .autocomplete .badge-wrapper .badge-category {
   margin: 2px;
   font-weight: normal;