diff --git a/web/src/lib/components/ui/Button.svelte b/web/src/lib/components/ui/Button.svelte
index 6c95a1575..9e25cb439 100644
--- a/web/src/lib/components/ui/Button.svelte
+++ b/web/src/lib/components/ui/Button.svelte
@@ -387,11 +387,12 @@
 {#snippet content()}
 	<!-- the transition matches the ::before shadow's so both halves of the press ease together. -->
 	<span
-		class="inline-flex min-w-0 items-center justify-center gap-[inherit] transition-transform duration-150 ease-in-out"
+		class="relative inline-flex min-w-0 items-center justify-center gap-[inherit] transition-transform duration-150 ease-in-out"
 	>
 		{#if loading}
-			<Spinner class={spinnerClasses} />
-		{:else}
+			<Spinner class="{spinnerClasses} absolute inset-0 m-auto" />
+		{/if}
+		<span class={["contents", loading && "invisible"]}>
 			{#if Icon && iconSide == "left"}
 				<Icon class={iconClasses} aria-hidden="true" />
 			{/if}
@@ -403,7 +404,7 @@
 			{#if Icon && iconSide == "right"}
 				<Icon class={iconClasses} aria-hidden="true" />
 			{/if}
-		{/if}
+		</span>
 	</span>
 {/snippet}