diff --git a/src/_config/files.js b/src/_config/files.js
index 6fe387fd..399e14ac 100644
--- a/src/_config/files.js
+++ b/src/_config/files.js
@@ -4,6 +4,7 @@ export default function(eleventyConfig) {
     eleventyConfig.addWatchTarget("./src/assets/");
     eleventyConfig.addWatchTarget("./src/_bundle/");
     eleventyConfig.addPassthroughCopy({
+        "./src/assets/favicon/favicon.ico": "/favicon.ico",
         "node_modules/@zachleat/details-utils/details-utils.js": "assets/js/details-utils.js",
     });
 }
\ No newline at end of file
diff --git a/src/_includes/global/favicon.njk b/src/_includes/global/favicon.njk
index 96da303e..3aef14a7 100644
--- a/src/_includes/global/favicon.njk
+++ b/src/_includes/global/favicon.njk
@@ -1,4 +1,4 @@
-<link rel="icon" sizes="32x32" href="/assets/favicon/favicon.ico">
+<link rel="icon" sizes="32x32" href="/favicon.ico">
 <link rel="icon" type="image/svg+xml" href="/assets/favicon/leilukin-bee-favicon.svg">
 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
 <link rel="manifest" href="/assets/favicon/site.webmanifest">
\ No newline at end of file
diff --git a/src/assets/favicon/icon-mask.png b/src/assets/favicon/icon-mask.png
new file mode 100644
index 00000000..59ef280a
Binary files /dev/null and b/src/assets/favicon/icon-mask.png differ
diff --git a/src/assets/favicon/site.webmanifest b/src/assets/favicon/site.webmanifest
index c431917a..55923fce 100644
--- a/src/assets/favicon/site.webmanifest
+++ b/src/assets/favicon/site.webmanifest
@@ -1,20 +1,20 @@
 {
-    "name": "Leilukin's Hub",
-    "short_name": "Leilukin's Hub",
-    "icons":
-        [
-            {
-                "src": "/assets/favicon/android-chrome-192x192.png",
-                "sizes": "192x192",
-                "type": "image/png"
-            },
-            {
-                "src": "/assets/favicon/android-chrome-512x512.png",
-                "sizes": "512x512",
-                "type": "image/png"
-            }
-        ],
-    "theme_color": "#7A37A3",
-    "background_color": "#000000",
-    "display": "standalone"
+    "icons": [
+        {
+            "src": "./android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "./icon-mask.png",
+            "type": "image/png",
+            "sizes": "512x512",
+            "purpose": "maskable"
+        },
+        {
+            "src": "./android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
 }
\ No newline at end of file