diff --git a/src/app.css b/src/app.css
index 0f3982d..fdc8d06 100644
--- a/src/app.css
+++ b/src/app.css
@@ -39,7 +39,7 @@
 
 	.button {
 		/*@apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer;*/
-		@apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline uppercase;
+		@apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline uppercase transition-all;
 	}
 	.button:hover,
 	.button-inactive {
diff --git a/src/lib/components/Web3Dialog.svelte b/src/lib/components/Web3Dialog.svelte
index 0dd5ebe..ab89bab 100644
--- a/src/lib/components/Web3Dialog.svelte
+++ b/src/lib/components/Web3Dialog.svelte
@@ -151,7 +151,7 @@
 				<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-12">
 					{#each badges as badge}
 						<div
-							class="justify-center text-center badge {userBadges?.badges &&
+							class="justify-center text-center badge pt-4 {userBadges?.badges &&
 							userBadges?.badges[badge?.id]?.eligible
 								? 'bg-white text-black eligible'
 								: ' border-gray-800'}"