diff --git a/flottform/demo/src/api.ts b/flottform/demo/src/api.ts
index 46dcad3..5f626b5 100644
--- a/flottform/demo/src/api.ts
+++ b/flottform/demo/src/api.ts
@@ -5,12 +5,11 @@ import { env } from '$env/dynamic/public';
 export const sdpExchangeServerBase =
 	env.PUBLIC_FLOTTFORM_SERVER_BASE || 'https://192.168.0.21:5177/flottform';
 
-const clientBase =
-	env.PUBLIC_FLOTTFORM_CLIENT_BASE || 'https://192.168.0.21:5173/multiple-input-form-client';
+const clientBase = env.PUBLIC_FLOTTFORM_CLIENT_BASE || 'https://192.168.0.21:5173/flottform-client';
 
 export const createClientUrl = async ({ endpointId }: { endpointId: string }) => {
 	if (browser) {
-		return `${window.location.origin}${base}/multiple-input-form-client/${endpointId}`;
+		return `${window.location.origin}${base}/flottform-client/${endpointId}`;
 	}
 	return `${clientBase}/${endpointId}`;
 };
diff --git a/flottform/demo/src/routes/multiple-input-form/+page.svelte b/flottform/demo/src/routes/multiple-input-form/+page.svelte
index ddeb0f2..d080846 100644
--- a/flottform/demo/src/routes/multiple-input-form/+page.svelte
+++ b/flottform/demo/src/routes/multiple-input-form/+page.svelte
@@ -1,7 +1,20 @@
 <script lang="ts">
 	import { FlottformFileInputHost, defaultThemeForFileInput } from '@flottform/forms';
 	import { onMount } from 'svelte';
-	import { createClientUrl, sdpExchangeServerBase } from '../../api';
+	import { browser } from '$app/environment';
+	import { env } from '$env/dynamic/public';
+	import { base } from '$app/paths';
+	import { sdpExchangeServerBase } from '../../api';
+
+	const clientBase =
+		env.PUBLIC_FLOTTFORM_CLIENT_BASE || 'https://192.168.0.21:5177/multiple-input-form-client';
+
+	export const createClientUrl = async ({ endpointId }: { endpointId: string }) => {
+		if (browser) {
+			return `${window.location.origin}${base}/multiple-input-form-client/${endpointId}`;
+		}
+		return `${clientBase}/${endpointId}`;
+	};
 
 	onMount(async () => {
 		const fileInputs = document.querySelectorAll(