diff --git a/src/layout/Footer/FooterHost.svelte b/src/layout/Footer/FooterHost.svelte
index ae8d06f..e34ce41 100644
--- a/src/layout/Footer/FooterHost.svelte
+++ b/src/layout/Footer/FooterHost.svelte
@@ -53,7 +53,7 @@
 				<li><a href="/download">Download</a></li>
 				<li><a href="/patches">Patches</a></li>
 				<li><a href="/contributors">Contributors</a></li>
-				<li><a href="{$page.url.toString().split('/')[0]}/docs/">Docs</a></li>
+				<li><a href="{new URL($page.url).hostname}/docs/">Docs</a></li>
 			</FooterSection>
 			<FooterSection title="Repositories">
 				<Query {query} let:data>
diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index 2f1dc9c..131ce2f 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -73,7 +73,7 @@
 					<Navigation queryKey="manager" href="/download">Download</Navigation>
 					<Navigation queryKey="patches" href="/patches">Patches</Navigation>
 					<Navigation queryKey="repositories" href="/contributors">Contributors</Navigation>
-					<Navigation href="{$page.url.toString().split('/')[0]}/docs/">Docs</Navigation>
+					<Navigation href="{new URL($page.url).hostname}/docs">Docs</Navigation>
 				</div>
 			</div>
 			<div id="secondary-navigation">