diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0404d8b..12a47d3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -365,7 +365,7 @@
 						</p>
 					</div>
 					<div class="flex-shrink-0 order-1 lg:order-2">
-						<div class="flex gap-4 items-end">
+						<div class="flex gap-4 items-center">
 							<!-- Mismatched size -->
 							<div class="text-center">
 								<div class="w-16 h-24 rounded border-2 border-dashed border-grey-300 flex items-center justify-center bg-grey-50">
@@ -374,7 +374,7 @@
 								<p class="text-xs text-grey-400 mt-2">Wrong size</p>
 							</div>
 							<!-- Arrow -->
-							<div class="text-grey-300 pb-6">
+							<div class="text-grey-300 -mt-6">
 								<ArrowDown class="w-5 h-5 rotate-[-90deg]" />
 							</div>
 							<!-- Perfect size -->