diff --git a/src/lib/components/common/Banner.svelte b/src/lib/components/common/Banner.svelte
index 69adc94ad..a11df9057 100644
--- a/src/lib/components/common/Banner.svelte
+++ b/src/lib/components/common/Banner.svelte
@@ -110,13 +110,14 @@
 					</div>
 				</div>
 			{/if}
-			<div class="flex self-center">
+			<div class="flex self-start">
 				{#if banner.dismissible}
 					<button
 						on:click={() => {
 							dismiss(banner.id);
 						}}
-						class=" -my-2 ml-1.5 mr-1 text-gray-400 dark:hover:text-white">&times;</button
+						class="  -mt-1 -mb-2 -translate-y-[1px] ml-1.5 mr-1 text-gray-400 dark:hover:text-white"
+						>&times;</button
 					>
 				{/if}
 			</div>