From 06f61c97eb527accd02f77d10cb055b1fd7b97f5 Mon Sep 17 00:00:00 2001
From: Jonathan Irhodia <jonathanirhodia@gmail.com>
Date: Tue, 28 Mar 2023 20:39:01 +0100
Subject: [PATCH] fix: align icon button items to center (#82)

---
 src/lib/components/buttons/IconButton.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/buttons/IconButton.svelte b/src/lib/components/buttons/IconButton.svelte
index 1b3870e..029e039 100644
--- a/src/lib/components/buttons/IconButton.svelte
+++ b/src/lib/components/buttons/IconButton.svelte
@@ -4,12 +4,13 @@
 	import Button from './Button.svelte';
 	import type { IconButtonProps } from './IconButton.svelte';
 
-	type $$Props = IconButtonProps ;
+	type $$Props = IconButtonProps;
 	export let icon: $$Props['as'];
 	export let wrap: $$Props['wrap'] = 'div';
 	const events = forwardEvents();
 </script>
 
-<Button {events} {...$$restProps}>
+<Button {events} display="flex" justifyContent="center" alignItems="center" {...$$restProps}>
 	<Icon as={icon} {wrap} />
+	<slot />
 </Button>