diff --git a/tailwind-plugins/glyph.js b/tailwind-plugins/glyph.js
index a53b2311b7..5a0a9fe599 100644
--- a/tailwind-plugins/glyph.js
+++ b/tailwind-plugins/glyph.js
@@ -48,6 +48,10 @@ module.exports = [
             position: "relative",
             top: "2px",
           },
+          // Hover and active before
+          "&:hover::before, &:focus::before": {
+            filter: "brightness(0) invert(100%)",
+          }
         },
         ".donate": {
           ...glyph("donate"),