diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss
index 611f708..a00b0b1 100644
--- a/src/styles/content/listing.scss
+++ b/src/styles/content/listing.scss
@@ -1,4 +1,5 @@
-@use '../colors';
+@use '$styles/colors';
+@use '$styles/booru-colors';
 
 // This will fix wierd misplacing of the modified media boxes in the listing.
 .js-resizable-media-container {
@@ -66,13 +67,8 @@
       user-select: none;
 
       &:hover {
-        background: colors.$tag-text;
-        color: colors.$tag-background;
-      }
-
-      &[data-tag-category=error]:hover {
-        background: colors.$tag-error-text;
-        color: colors.$tag-error-background;
+        background: booru-colors.$resolved-tag-color;
+        color: booru-colors.$resolved-tag-background;
       }
 
       &.is-missing:not(.is-added),