diff --git a/dist/docs/index.html b/dist/docs/index.html
index fdb98fb..f1d6a53 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png"><link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png"><link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png"><link rel="manifest" href="./icons/site.webmanifest"><link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5"><link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Water.css"><meta name="application-name" content="Water.css"><meta name="msapplication-TileColor" content="#00aba9"><meta name="msapplication-config" content="./icons/browserconfig.xml"><meta name="theme-color" content="#ffffff"><script type="module">
+<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png"><link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png"><link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png"><link rel="manifest" href="./site.webmanifest"><link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5"><link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Water.css"><meta name="application-name" content="Water.css"><meta name="msapplication-TileColor" content="#00aba9"><meta name="msapplication-config" content="./icons/browserconfig.xml"><meta name="theme-color" content="#ffffff"><script type="module">
       import faviconSwitcher from 'https://unpkg.com/favicon-mode-switcher@1.0.4/dist/index.min.mjs'
       faviconSwitcher([
         { element: '#icon-ico', href: { dark: './icons/light-favicon.ico' } },
diff --git a/docs/icons/site.webmanifest b/dist/docs/site.webmanifest
similarity index 75%
rename from docs/icons/site.webmanifest
rename to dist/docs/site.webmanifest
index e1428b3..e59d2da 100755
--- a/docs/icons/site.webmanifest
+++ b/dist/docs/site.webmanifest
@@ -4,12 +4,12 @@
   "start_url": "./",
   "icons": [
     {
-      "src": "./android-chrome-192x192.png",
+      "src": "./icons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "./android-chrome-512x512.png",
+      "src": "./icons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
diff --git a/docs/index.html b/docs/index.html
index 7114ea2..2f7077f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -8,7 +8,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png" />
     <link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png" />
     <link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" />
-    <link rel="manifest" href="./icons/site.webmanifest" />
+    <link rel="manifest" href="./site.webmanifest" />
     <link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5" />
     <link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico" />
     <meta name="apple-mobile-web-app-title" content="Water.css" />
diff --git a/docs/site.webmanifest b/docs/site.webmanifest
new file mode 100755
index 0000000..e59d2da
--- /dev/null
+++ b/docs/site.webmanifest
@@ -0,0 +1,20 @@
+{
+  "name": "Water.css",
+  "short_name": "Water.css",
+  "start_url": "./",
+  "icons": [
+    {
+      "src": "./icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "./icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
