diff --git a/source/sass/components/primary-nav.scss b/source/sass/components/primary-nav.scss
index 7ebcf2a07e4..43b7ab9dba8 100644
--- a/source/sass/components/primary-nav.scss
+++ b/source/sass/components/primary-nav.scss
@@ -298,14 +298,6 @@
       }
     }
   }
-
-  a.tw-btn-secondary.tw-heart-glyph {
-    @include hover-focus-active {
-      &:before {
-        filter: brightness(0) invert(100%);
-      }
-    }
-  }
 }
 
 // Newsletter
diff --git a/tailwind-plugins/glyph.js b/tailwind-plugins/glyph.js
index a53b2311b7b..0abff346a1b 100644
--- a/tailwind-plugins/glyph.js
+++ b/tailwind-plugins/glyph.js
@@ -48,6 +48,9 @@ module.exports = [
             position: "relative",
             top: "2px",
           },
+          "&:hover::before": {
+            filter: "brightness(0) invert(100%)",
+          }
         },
         ".donate": {
           ...glyph("donate"),