diff --git a/frontend/src/lib/components/DeviceCard.svelte b/frontend/src/lib/components/DeviceCard.svelte
index dfbcd64a..be719e36 100644
--- a/frontend/src/lib/components/DeviceCard.svelte
+++ b/frontend/src/lib/components/DeviceCard.svelte
@@ -44,7 +44,7 @@
 		{
 			text: m.device_card_btn_more_edit(),
 			icon: faPen,
-			onClick: () => goto(resolve(`/device/${device.id}`)),
+			onClick: () => goto(resolve(`/device?id=${device.id}`)),
 			requires: $pocketbase.authStore.isSuperuser || $permission.update?.includes(device.id)
 		}
 	]);
diff --git a/frontend/src/routes/device/[id]/+page.svelte b/frontend/src/routes/device/+page.svelte
similarity index 93%
rename from frontend/src/routes/device/[id]/+page.svelte
rename to frontend/src/routes/device/+page.svelte
index 56d20d91..2caade9c 100644
--- a/frontend/src/routes/device/[id]/+page.svelte
+++ b/frontend/src/routes/device/+page.svelte
@@ -11,7 +11,7 @@
 
 	$effect(() => {
 		if (Object.hasOwn($permission, 'update')) {
-			const id = page.params.id;
+			const id = page.url.searchParams.get('id');
 			if (!$pocketbase.authStore.isSuperuser && !$permission.update.includes(id || '')) {
 				toast(m.toasts_no_permission({ url: page.url.pathname }), {
 					icon: '⛔'
@@ -22,7 +22,7 @@
 	});
 
 	async function getDevice(): Promise<Device> {
-		const id = page.params.id;
+		const id = page.url.searchParams.get('id');
 		if (!id) throw new Error('No device ID provided');
 
 		const resp = await $pocketbase.collection('devices').getOne(id, { expand: 'ports,groups' });
diff --git a/frontend/svelte.config.js b/frontend/svelte.config.js
index 50f8c3c7..eb01287f 100644
--- a/frontend/svelte.config.js
+++ b/frontend/svelte.config.js
@@ -18,7 +18,7 @@ const config = {
 				'/login',
 				'/account',
 				'/welcome',
-				'/device/[id]',
+				'/device',
 				'/device/new',
 				'/users',
 				'/settings'