From 9f0d71431f7e44d4fc0c7214ec06df121a1a94a6 Mon Sep 17 00:00:00 2001
From: DecafDev <40307803+decaf-dev@users.noreply.github.com>
Date: Mon, 9 Sep 2024 23:32:40 -0600
Subject: [PATCH] fix: remove extra padding on buttons

---
 src/svelte/shared/components/icon-button.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/svelte/shared/components/icon-button.svelte b/src/svelte/shared/components/icon-button.svelte
index ab7cabc..28595a9 100644
--- a/src/svelte/shared/components/icon-button.svelte
+++ b/src/svelte/shared/components/icon-button.svelte
@@ -26,6 +26,7 @@
 	}
 
 	$: className = getClassName(noPadding);
+	$: hasSlotContent = !!$$slots.default;
 </script>
 
 <button
@@ -34,9 +35,14 @@
 	{disabled}
 	aria-label={ariaLabel}
 	on:click={handleClick}
-	><Icon {iconId} {size} />
-	<div class="vault-explorer-icon-button__text"><slot /></div></button
 >
+	<Icon {iconId} {size} />
+	{#if hasSlotContent}
+		<div class="vault-explorer-icon-button__text">
+			<slot />
+		</div>
+	{/if}
+</button>
 
 <style>
 	.vault-explorer-icon-button--no-padding {