diff --git a/extensions/tags/js/src/add-tag-labels.js b/extensions/tags/js/src/add-tag-labels.js
index d8e3a0bca..1033a43a8 100644
--- a/extensions/tags/js/src/add-tag-labels.js
+++ b/extensions/tags/js/src/add-tag-labels.js
@@ -27,7 +27,8 @@ export default function() {
   extend(DiscussionHero.prototype, 'view', function(view) {
     var tags = sortTags(this.props.discussion.tags());
     if (tags && tags.length) {
-      view.attrs.style = 'color: #fff; background-color: '+tags[0].color();
+      view.attrs.style = 'background-color: '+tags[0].color();
+      view.attrs.className += ' discussion-hero-colored';
     }
   });
 
diff --git a/extensions/tags/less/extension.less b/extensions/tags/less/extension.less
index 81bfa5943..a80fb8657 100644
--- a/extensions/tags/less/extension.less
+++ b/extensions/tags/less/extension.less
@@ -34,6 +34,11 @@
     }
   }
 }
+.discussion-hero-colored {
+  &, & a {
+    color: #fff;
+  }
+}
 .tags-label {
   .discussion-summary & {
     margin-right: 10px;