From 865b206ea3a5b53cec297c7c76ddc69f7588ca2c Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 2 Jun 2025 15:21:28 -0700
Subject: [PATCH] Fix Button in labs

---
 src/lib/components/admin/Button.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/admin/Button.svelte b/src/lib/components/admin/Button.svelte
index ce346a4..a6d7ce1 100644
--- a/src/lib/components/admin/Button.svelte
+++ b/src/lib/components/admin/Button.svelte
@@ -33,7 +33,7 @@
 	}: Props = $props()
 
 	// Compute button classes
-	const buttonClass = $derived(() => {
+	const buttonClass = $derived.by(() => {
 		const classes = ['btn']
 
 		// Variant
@@ -66,7 +66,7 @@
 </script>
 
 {#if href}
-	<a {href} class={buttonClass()} class:disabled={disabled || loading} {...restProps}>
+	<a {href} class={buttonClass} class:disabled={disabled || loading} {...restProps}>
 		{#if showSpinner}
 			<svg class="btn-spinner" width="16" height="16" viewBox="0 0 16 16">
 				<circle
@@ -113,7 +113,7 @@
 		{/if}
 	</a>
 {:else}
-	<button class={buttonClass()} {type} disabled={disabled || loading} {onclick} {...restProps}>
+	<button class={buttonClass} {type} disabled={disabled || loading} {onclick} {...restProps}>
 		{#if showSpinner}
 			<svg class="btn-spinner" width="16" height="16" viewBox="0 0 16 16">
 				<circle