diff --git a/src/lib/cards/ButtonCard/ButtonCard.svelte b/src/lib/cards/ButtonCard/ButtonCard.svelte
index 4cf790a..429057f 100644
--- a/src/lib/cards/ButtonCard/ButtonCard.svelte
+++ b/src/lib/cards/ButtonCard/ButtonCard.svelte
@@ -13,7 +13,9 @@
 	<span
 		class={cn(
 			'text-base-950 dark:text-base-50 line-clamp-1 inline-flex items-center justify-center px-4 text-2xl font-semibold',
-			item.color === 'transparent' ? 'bg-accent-500 dark:text-base-950 text-xl rounded-2xl px-5 py-2.5' : ''
+			item.color === 'transparent'
+				? 'bg-accent-500 dark:text-base-950 rounded-2xl px-5 py-2.5 text-xl'
+				: ''
 		)}
 	>
 		{item.cardData.text || 'Click me'}
diff --git a/src/lib/cards/ButtonCard/ButtonCardSettings.svelte b/src/lib/cards/ButtonCard/ButtonCardSettings.svelte
index 8135e96..2a7eed0 100644
--- a/src/lib/cards/ButtonCard/ButtonCardSettings.svelte
+++ b/src/lib/cards/ButtonCard/ButtonCardSettings.svelte
@@ -22,7 +22,7 @@
 			id="button-href"
 			bind:value={item.cardData.href}
 			placeholder="youtube.com"
-			class="text-sm mt-2"
+			class="mt-2 text-sm"
 			onkeydown={(event) => {
 				if (event.code === 'Enter') {
 					event.preventDefault();