diff --git a/src/react-components/2d-hud.css b/src/react-components/2d-hud.css
index 556431ac6ca824e0bbcf4cf4d5644e05be4dc309..15f8a98eb9e336270bb0bcbce9556f4dcbe216f7 100644
--- a/src/react-components/2d-hud.css
+++ b/src/react-components/2d-hud.css
@@ -37,6 +37,8 @@
   display: flex;
   width: 48px;
   height: 48px;
+  -webkit-mask: url(../assets/hud/unmuted.png);
+  -webkit-mask-size: 48px;
   mask: url(../assets/hud/unmuted.png);
   mask-size: 48px;
   background-color: white;
@@ -56,6 +58,8 @@
 }
 
 :local(.mic.muted) {
+  -webkit-mask: url(../assets/hud/muted.png);
+  -webkit-mask-size: 48px;
   mask: url(../assets/hud/muted.png);
   mask-size: 48px;
 }