diff --git a/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx b/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx
index 5e88c40099..b2d9a64e60 100644
--- a/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx
+++ b/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx
@@ -213,7 +213,6 @@ class TagList extends React.PureComponent {
 		}
 		
 		if (tag.color) {
-			props.style.color = tag.color;
 			props['data-color'] = tag.color.toLowerCase();
 		}
 		
diff --git a/scss/components/_tagSelector.scss b/scss/components/_tagSelector.scss
index ae0be4ec43..7c944d195e 100644
--- a/scss/components/_tagSelector.scss
+++ b/scss/components/_tagSelector.scss
@@ -110,6 +110,7 @@
 	text-overflow: ellipsis;
 	white-space: pre;
 	box-sizing: border-box;
+	color: var(--fill-primary);
 
 	@include comfortable {
 		padding: 2px 4px;
@@ -122,6 +123,7 @@
 	}
 
 	&.selected {
+		color: var(--color-background);
 		background-color: var(--fill-secondary);
 
 		&:hover {
@@ -178,12 +180,4 @@
 		color: var(--color-background);
 		background-color: var(--fill-secondary);
 	}
-
-	span {
-		color: var(--fill-primary);
-
-		@include state('.tag-selector-item.selected') {
-			color: var(--color-background);
-		}
-	}
 }