diff --git a/tbx/static_src/sass/components/_tag.scss b/tbx/static_src/sass/components/_tag.scss
index 8fbc8ff65..d349882d8 100644
--- a/tbx/static_src/sass/components/_tag.scss
+++ b/tbx/static_src/sass/components/_tag.scss
@@ -32,4 +32,16 @@
         border: 2px solid var(--color--coral-dark);
         color: var(--color--coral-dark);
     }
+
+    // Use text-decoration for states
+    @media (forced-colors: active) {
+        &--active {
+            text-decoration: underline;
+        }
+
+        &:focus,
+        &:hover {
+            filter: invert(1);
+        }
+    }
 }