diff --git a/src/components/navbar.astro b/src/components/navbar.astro
index 7c9213f..4b5c402 100644
--- a/src/components/navbar.astro
+++ b/src/components/navbar.astro
@@ -17,7 +17,7 @@ const hamburger_src_url = `url("${hamburger.src}")`;
-
+
@@ -105,8 +105,9 @@ const hamburger_src_url = `url("${hamburger.src}")`;
justify-self: top;
}
- .icon {
+ .hamburger-menu {
mask: var(--hamburger_src_url) no-repeat center;
+ -webkit-mask: var(--hamburger_src_url) no-repeat center;
background-color: white;
width: 2em;
height: 2em;
diff --git a/src/components/navbarEntry.astro b/src/components/navbarEntry.astro
index c452c47..535af09 100644
--- a/src/components/navbarEntry.astro
+++ b/src/components/navbarEntry.astro
@@ -73,6 +73,7 @@ const fulllink = `/${slug}`
.icon {
mask: var(--icon_src_url) no-repeat center;
+ -webkit-mask: var(--icon_src_url) no-repeat center;
background-color: white;
width: 1.4em;
height: 1.4em;