diff --git a/src/components/Record.svelte b/src/components/Record.svelte
index 913b7901..d93c08e1 100644
--- a/src/components/Record.svelte
+++ b/src/components/Record.svelte
@@ -18,6 +18,7 @@
 
 	let recordValue = String(value);
 	let dialogOpen = false;
+	const dialogId = Math.random().toString(36).substring(2, 9);
 
 	$: label = klass.toString();
 	$: recordClass = getRecordClassFrom(klass);
@@ -55,11 +56,11 @@
 <div class="record-container {editMode ? 'edit' : ''}">
 	<Dialog
 		bind:open={dialogOpen}
-		aria-labelledby="confirmation-title"
-		aria-describedby="confirmation-content"
+			aria-labelledby="confirmation-title-{dialogId}"
+			aria-describedby="confirmation-content-{dialogId}"
 	>
-		<Title id="simple-title">Confirm action</Title>
-		<Content id="simple-content">Do you really want to remove the record?</Content>
+			<Title id="confirmation-title-{dialogId}">Confirm action</Title>
+			<Content id="confirmation-content-{dialogId}">Do you really want to remove the record?</Content>
 		<Actions>
 			<Button>
 				<Label>No</Label>