diff --git a/src/app/components/SpaceExit.svelte b/src/app/components/SpaceExit.svelte
index ce1b68b7..f9975e5e 100644
--- a/src/app/components/SpaceExit.svelte
+++ b/src/app/components/SpaceExit.svelte
@@ -30,7 +30,7 @@
 <form class="column gap-4" on:submit|preventDefault={exit}>
   <ModalHeader>
     <div slot="title">
-      You are leaving <span class="text-primary">{displayRelayUrl(url)}</span>
+      You are leaving<br /><span class="text-primary">{displayRelayUrl(url)}</span>
     </div>
   </ModalHeader>
   <p class="text-center">Are you sure you want to leave?</p>
diff --git a/src/app/components/SpaceInviteAccept.svelte b/src/app/components/SpaceInviteAccept.svelte
index 06866c27..52e8913c 100644
--- a/src/app/components/SpaceInviteAccept.svelte
+++ b/src/app/components/SpaceInviteAccept.svelte
@@ -48,7 +48,7 @@
                   in a large amount of spam or other objectionable content. Continue?`,
       })
     } else {
-      confirm(url)
+      await confirm(url)
     }
   }
 
diff --git a/src/app/components/Toast.svelte b/src/app/components/Toast.svelte
index d1a7daf3..bacdc961 100644
--- a/src/app/components/Toast.svelte
+++ b/src/app/components/Toast.svelte
@@ -10,7 +10,8 @@
       <div
         role="alert"
         class="alert flex justify-center"
-        class:alert-info={theme === "info"}
+        class:bg-base-100={theme === "info"}
+        class:text-base-content={theme === "info"}
         class:alert-error={theme === "error"}>
         {$toast.message}
       </div>
diff --git a/src/app/modal.ts b/src/app/modal.ts
index 51c6b86d..e7ee259a 100644
--- a/src/app/modal.ts
+++ b/src/app/modal.ts
@@ -19,7 +19,7 @@ export const pushModal = (
 
   modals.set(id, {component, props, options})
 
-  setTimeout(() => goto("#" + id))
+  goto("#" + id)
 
   return id
 }