diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index e182f293..1a45236c 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -167,9 +167,17 @@
     {/if}
     <slot />
     {#if $$slots.icon}
-      <svelte:component this="{icon}" {...iconProps} />
+      <slot
+        name="icon"
+        style="{hasIconOnly ? 'margin-left: 0' : undefined}"
+        {...iconProps}
+      />
     {:else if icon}
-      <slot name="icon" {...iconProps} />
+      <svelte:component
+        this="{icon}"
+        style="{hasIconOnly ? 'margin-left: 0' : undefined}"
+        {...iconProps}
+      />
     {/if}
   </a>
 {:else}