diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 7fd08364..73e9b31b 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { onMount } from 'svelte';
-	// Handle old live editor links and redirect to new version
+	import { base } from '$app/paths';
+
 	onMount(async () => {
+		// Handle old live editor links and redirect to new version
 		const hash = window.location.hash.split('/');
-		let newURL = '/edit';
+		let newURL = 'edit';
 		if (hash.length > 2) {
-			newURL = `/${hash[1]}#${hash[2]}`;
+			newURL = `${hash[1]}#${hash[2]}`;
 		}
-		debugger;
-		await goto(newURL, {
+		await goto(`${base}/${newURL}`, {
 			replaceState: true
 		});
 	});
diff --git a/svelte.config.js b/svelte.config.js
index f6f410be..901d2968 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -15,9 +15,9 @@ const config = {
 		adapter: adapter({
 			pages: 'docs'
 		}),
-		// paths: {
-		// 	base: '/mermaid-svelte-kit'
-		// },
+		paths: {
+			base: '/mermaid-svelte-kit'
+		},
 		ssr: false,
 		// hydrate the <div id="svelte"> element in src/app.html
 		target: '#svelte'