diff --git a/src/lib/components/layout/UpdateInfoToast.svelte b/src/lib/components/layout/UpdateInfoToast.svelte
index 4dc84e0ef..d7e6b53dd 100644
--- a/src/lib/components/layout/UpdateInfoToast.svelte
+++ b/src/lib/components/layout/UpdateInfoToast.svelte
@@ -26,13 +26,11 @@
 		>
 	</div>
 
-	<div class=" flex-shrink-0 pl-2">
+	<div class=" flex-shrink-0 pr-1">
 		<button
 			class=" hover:text-blue-900 dark:hover:text-blue-300 transition"
 			on:click={() => {
-				console.log('closeToast');
-				localStorage.setItem('dismissedUpdateToast', Date.now().toString());
-				dispatch('closeToast');
+				dispatch('close');
 			}}
 		>
 			<XMark />
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 0f005d3b7..bd711470a 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -229,7 +229,13 @@
 
 {#if version && compareVersion(version.latest, version.current)}
 	<div class=" absolute bottom-8 right-8 z-50" in:fade={{ duration: 100 }}>
-		<UpdateInfoToast {version} />
+		<UpdateInfoToast
+			{version}
+			on:close={() => {
+				localStorage.setItem('dismissedUpdateToast', Date.now().toString());
+				version = null;
+			}}
+		/>
 	</div>
 {/if}