diff --git a/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte b/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
index 3bb0f38..9abffe1 100644
--- a/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
+++ b/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
@@ -73,7 +73,9 @@ function handleConfirm() {
 function handleDeviceSelect(recordedDeviceName: string, selectedDeviceId: string) {
 	const device = connectedDevices.find(d => d.id === selectedDeviceId);
 	if (device) {
-		mappings.set(recordedDeviceName, device);
+		const newMappings = new Map(mappings);
+		newMappings.set(recordedDeviceName, device);
+		mappings = newMappings;
 	}
 }