diff --git a/icons/browserconfig.xml b/icons/browserconfig.xml
index 3903cb6..c91a7aa 100755
--- a/icons/browserconfig.xml
+++ b/icons/browserconfig.xml
@@ -2,10 +2,10 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square70x70logo src="/icons/mstile-70x70.png"/>
-            <square150x150logo src="/icons/mstile-150x150.png"/>
-            <square310x310logo src="/icons/mstile-310x310.png"/>
-            <wide310x150logo src="/icons/mstile-310x150.png"/>
+            <square70x70logo src="icons/mstile-70x70.png"/>
+            <square150x150logo src="icons/mstile-150x150.png"/>
+            <square310x310logo src="icons/mstile-310x310.png"/>
+            <wide310x150logo src="icons/mstile-310x150.png"/>
             <TileColor>#00aba9</TileColor>
         </tile>
     </msapplication>
diff --git a/icons/site.webmanifest b/icons/site.webmanifest
index a57bfca..81b2ccb 100755
--- a/icons/site.webmanifest
+++ b/icons/site.webmanifest
@@ -3,12 +3,12 @@
   "short_name": "Water.css",
   "icons": [
     {
-      "src": "/icons/android-chrome-192x192.png",
+      "src": "icons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/icons/android-chrome-512x512.png",
+      "src": "icons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
diff --git a/index.html b/index.html
index 0cad7a2..06dc2aa 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1,35 @@
 <!DOCTYPE html>
 <html lang='en'>
   <head>
+    <meta charset='utf-8'>
     <title>Water.css</title>
-    <link id='stylesheet' rel='stylesheet' href='../dist/dark.css' />
+    <link id='stylesheet' rel='stylesheet' href='dist/dark.css' />
     <meta name='viewport' content='width=device-width, initial-scale=1.0' />
     <!-- Icons generated with https://realfavicongenerator.net -->
     <link
       rel='apple-touch-icon'
       sizes='180x180'
-      href='/icons/apple-touch-icon.png'
+      href='icons/apple-touch-icon.png'
     />
     <link
       rel='icon'
       type='image/png'
       sizes='32x32'
-      href='/icons/favicon-32x32.png'
+      href='icons/favicon-32x32.png'
     />
     <link
       rel='icon'
       type='image/png'
       sizes='16x16'
-      href='/icons/favicon-16x16.png'
+      href='icons/favicon-16x16.png'
     />
-    <link rel='manifest' href='/icons/site.webmanifest' />
-    <link rel='mask-icon' href='/icons/safari-pinned-tab.svg' color='#5bbad5' />
-    <link rel='shortcut icon' href='/icons/favicon.ico' />
+    <link rel='manifest' href='icons/site.webmanifest' />
+    <link rel='mask-icon' href='icons/safari-pinned-tab.svg' color='#5bbad5' />
+    <link rel='shortcut icon' 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='msapplication-config' content='icons/browserconfig.xml' />
     <meta name='theme-color' content='#ffffff' />
 
     <script
diff --git a/script.js b/script.js
index 8282fb8..7f0c1ac 100644
--- a/script.js
+++ b/script.js
@@ -4,15 +4,15 @@
   iconModeSwitcher([
     {
       element: 'link[rel="shortcut icon"]',
-      href: { dark: '/icons/light-favicon.ico' }
+      href: { dark: 'icons/light-favicon.ico' }
     },
     {
       element: 'link[rel="icon"][sizes="16x16"]',
-      href: { dark: '/icons/light-favicon-16x16.png' }
+      href: { dark: 'icons/light-favicon-16x16.png' }
     },
     {
       element: 'link[rel="icon"][sizes="32x32"]',
-      href: { dark: '/icons/light-favicon-32x32.png' }
+      href: { dark: 'icons/light-favicon-32x32.png' }
     }
   ])
 })()
@@ -77,7 +77,7 @@
       const lightSchemeMql = matchMedia('(prefers-color-scheme: light)');
       const that = this;
 
-      this.themeDir = '../dist/';
+      this.themeDir = 'dist/';
       this.stylesheet = document.getElementById(stylesheet);
       this.current = this.getThemeName(this.stylesheet.href);
       this.isDark = darkSchemeMql.matches;
