diff --git a/config/utils.js b/config/utils.js
index 60c9d5b..35503de 100644
--- a/config/utils.js
+++ b/config/utils.js
@@ -1,5 +1,4 @@
 // @flow
 
 export const rainbow = "rgba(200,120,120,0.5);"
-      + "background: linear-gradient(40deg, #FF0000 0%, #00FF00 50%, #0000FF 70%, #FFFF00 100%);"
-      + "background-clip: text; -webkit-background-clip: text;";
+      + "--before-background: linear-gradient(40deg, #FF0000 0%, #00FF00 50%, #0000FF 70%, #FFFF00 100%);";
diff --git a/css/styles.css b/css/styles.css
index b6703e2..7dcb9af 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -23,5 +23,5 @@ body .leaflet-div-icon {
 .mdi:before {
   background-clip: text;
   -webkit-background-clip: text;
-  background: var(--before-background, transparent);
+  background-image: var(--before-background, transparent);
 }