diff --git a/src/lib/components/ConfirmationPopup.svelte b/src/lib/components/ConfirmationPopup.svelte
index 47ce153..9c1ae0e 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 class="z-50">
+<Modal bind:open size="xs" autoclose outsideclose>
   <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">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8f9c980..19d4870 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,7 +8,7 @@
 
 <div class=" h-full min-h-[100svh] text-white" style:background-color={$settings.backgroundColor}>
   <NavBar />
+  <slot />
   <Snackbar />
   <ConfirmationPopup />
-  <slot />
 </div>