diff --git a/docs/index.html b/docs/index.html
index c9ec8b1..f8aa658 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,3 +1,3 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/main.1ca39266.css"><link rel="stylesheet" href="/main.b89d2493.css"></head><body> <div id="main" class="w-100 h-100"> <div> <h2 class="title is-2"><span>can</span>i<span>haz</span>username</h2> <input id="format" class="input is-rounded" type="text" placeholder="format" value="{character}_{english}"> <br><br> <button id="button" class="button is-link is-rounded">👇 Generate 👇</button> <br><br> <input id="username" class="input is-rounded" type="text" placeholder="" readonly=""> <br><br> <div class="content"> <a target="blank" href="https://github.com/cupcakearmy/canihazusername"> <button id="button" class="button is-link is-rounded">🔗 Github & Docs 🔗</button> </a> <br><br> <pre>yarn add canihazusername</pre> <pre>import { generate } from 'canihazusername'
-generate('{character}_{english}')</pre> </div> <div class="content"> <h5 class="title is-5">Available lists</h5> <p id="lists"></p> </div> </div> </div> <script src="/main.280b3579.js"></script>
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="main.1ca39266.css"><link rel="stylesheet" href="main.b89d2493.css"></head><body> <div id="main" class="w-100 h-100"> <div> <h2 class="title is-2"><span>can</span>i<span>haz</span>username</h2> <input id="format" class="input is-rounded" type="text" placeholder="format" value="{character}_{english}"> <br><br> <button id="button" class="button is-link is-rounded">👇 Generate 👇</button> <br><br> <input id="username" class="input is-rounded" type="text" placeholder="" readonly=""> <br><br> <div class="content"> <a target="blank" href="https://github.com/cupcakearmy/canihazusername"> <button id="button" class="button is-link is-rounded">🔗 Github & Docs 🔗</button> </a> <br><br> <pre>yarn add canihazusername</pre> <pre>import { generate } from 'canihazusername'
+generate('{character}_{english}')</pre> </div> <div class="content"> <h5 class="title is-5">Available lists</h5> <p id="lists"></p> </div> </div> </div> <script src="main.280b3579.js"></script>
 </body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 5ea0e60..3c85945 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "types": "./lib/index.d.ts",
   "scripts": {
     "generate": "git -C ./generate/wordlist pull && node ./generate/wordlist.js",
-    "docs": "rm -r ./docs && parcel build --no-source-maps -d ./docs ./website/index.html",
+    "docs": "rm -r ./docs && parcel build --no-source-maps --out-dir ./docs --public-url ./ ./website/index.html",
     "build": "tsc",
     "prepublishOnly": "npm run build && npm run test"
   },
