diff --git a/src/lib/components/ConfirmationPopup.svelte b/src/lib/components/ConfirmationPopup.svelte
index 9c1ae0e..47ce153 100644
--- a/src/lib/components/ConfirmationPopup.svelte
+++ b/src/lib/components/ConfirmationPopup.svelte
@@ -15,7 +15,7 @@
   });
 </script>
 
-<Modal bind:open size="xs" autoclose outsideclose>
+<Modal bind:open size="xs" autoclose outsideclose class="z-50">
   <div class="text-center">
     <ExclamationCircleOutline class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" />
     <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">