diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
index e3dcc0223..d3fd84ada 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
@@ -64,10 +64,12 @@
                 deleted.
             </p>
             <p class="text"><b>This action is irreversible.</b></p>
-            <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
-                Delete relationship between <b data-private>{selectedAttribute.key}</b> to
-                <b data-private>{selectedAttribute.twoWayKey}</b>
-            </InputChoice>
+            <ul>
+                <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
+                    Delete relationship between <b data-private>{selectedAttribute.key}</b> to
+                    <b data-private>{selectedAttribute.twoWayKey}</b>
+                </InputChoice>
+            </ul>
         </div>
     {/if}
 
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
index 776a5a795..dfece1274 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
@@ -107,9 +107,11 @@
         <div class="u-flex u-flex-vertical u-gap-16">
             <Alert>To change the selection edit the relationship settings.</Alert>
 
-            <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
-                Delete document from <span data-private>{$collection.name}</span>
-            </InputChoice>
+            <ul>
+                <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
+                    Delete document from <span data-private>{$collection.name}</span>
+                </InputChoice>
+            </ul>
         </div>
     {/if}
 
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index a6c334900..26fda2784 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -301,9 +301,11 @@
             <div class="u-flex u-flex-vertical u-gap-16">
                 <Alert>To change the selection edit the relationship settings.</Alert>
 
-                <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
-                    Delete document from <span data-private>{$collection.name}</span>
-                </InputChoice>
+                <ul>
+                    <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
+                        Delete document from <span data-private>{$collection.name}</span>
+                    </InputChoice>
+                </ul>
             </div>
         {:else}
             <p class="u-bold">This action is irreversible.</p>