diff --git a/src/lib/components/card/tabs.svelte b/src/lib/components/card/tabs.svelte
index dc479b6f..e305ccb2 100644
--- a/src/lib/components/card/tabs.svelte
+++ b/src/lib/components/card/tabs.svelte
@@ -27,12 +27,12 @@
 			{#each tabs as tab}
 				<li class="mr-2 last:mr-0 w-28 h-6 flex-auto text-center">
 					<div
-						class="text cursor-pointer font-semibold min-w-16 w-auto px-2 py-1 -mb-4 rounded-t  block leading-normal {activeTabID ===
+						class="text cursor-pointer font-semibold min-w-16 w-auto px-2 py-1 -mb-4 rounded-t flex justify-center items-center leading-normal {activeTabID ===
 						tab.id
 							? 'text-indigo-500 bg-white border-white'
 							: 'text-white bg-indigo-500 border-indigo-500 hover:bg-indigo-600'}"
 						on:click|stopPropagation={() => toggleTabs(tab)}>
-						<i class={tab.icon} />
+						<i class="{tab.icon} mr-1" />
 						{tab.title}
 					</div>
 				</li>