diff --git a/src/routes/private/events/creator/steps/StepConnectGoogle.svelte b/src/routes/private/events/creator/steps/StepConnectGoogle.svelte
index 4c56994..4d381c9 100644
--- a/src/routes/private/events/creator/steps/StepConnectGoogle.svelte
+++ b/src/routes/private/events/creator/steps/StepConnectGoogle.svelte
@@ -46,7 +46,7 @@
 	}
 </script>
 
-<div class="mb-4 rounded border border-gray-300 bg-white p-4">
+<div class="mb-4 mt-2 rounded border border-gray-300 bg-white p-4">
 	{#if loading}
 		<div class="flex items-center space-x-2">
 			<svg class="animate-spin h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
diff --git a/src/routes/private/events/creator/steps/StepCraftEmail.svelte b/src/routes/private/events/creator/steps/StepCraftEmail.svelte
index 32c878c..085baaf 100644
--- a/src/routes/private/events/creator/steps/StepCraftEmail.svelte
+++ b/src/routes/private/events/creator/steps/StepCraftEmail.svelte
@@ -20,7 +20,7 @@
 </script>
 
 {#if showForm}
-	<form onsubmit={handleSubmit} class="flex flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-full shadow-none">
+	<form onsubmit={handleSubmit} class="flex mt-2 flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-full shadow-none">
 		<h2 class="text-2xl font-semibold text-center mb-4">Craft Email</h2>
 		<label class="flex flex-col text-gray-700">
 			Subject
@@ -51,7 +51,7 @@
 	</form>
 {:else}
 	<button
-		class="mb-4 w-full rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
+		class="mb-4 mt-2 w-full rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
 		onclick={showEditForm}
 		aria-label="Edit email"
 	>
diff --git a/src/routes/private/events/creator/steps/StepCreateEvent.svelte b/src/routes/private/events/creator/steps/StepCreateEvent.svelte
index 5c96e46..ad0856e 100644
--- a/src/routes/private/events/creator/steps/StepCreateEvent.svelte
+++ b/src/routes/private/events/creator/steps/StepCreateEvent.svelte
@@ -28,7 +28,7 @@
 	<form
 		onsubmit={handleSubmit}
 		autocomplete="off"
-		class="flex w-full flex-col space-y-4 rounded border border-gray-300 bg-white p-8 shadow-none"
+		class="flex mt-2 w-full flex-col space-y-4 rounded border border-gray-300 bg-white p-8 shadow-none"
 	>
 		<h2 class="mb-4 text-center text-2xl font-semibold">Create Event</h2>
 		<label class="mt-2 flex flex-col text-gray-700">
@@ -63,7 +63,7 @@
 {#if !showForm}
 	{#if !readonly}
 		<button
-			class="mb-4 w-full rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
+			class="mb-4 mt-2 w-full rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
 			onclick={showEditForm}
 			aria-label="Edit event"
 		>
diff --git a/src/routes/private/events/creator/steps/StepOverview.svelte b/src/routes/private/events/creator/steps/StepOverview.svelte
index 836d1bd..8f23aa9 100644
--- a/src/routes/private/events/creator/steps/StepOverview.svelte
+++ b/src/routes/private/events/creator/steps/StepOverview.svelte
@@ -18,7 +18,7 @@
 </script>
 
 <!-- New Event Overview -->
-<div class="mb-4 rounded border border-gray-300 bg-white p-4">
+<div class="mb-4 mt-2 rounded border border-gray-300 bg-white p-4">
 	<h2 class="mb-2 text-xl font-bold">Event Overview</h2>
 	<ul class="space-y-1">
 		<li><span class="font-semibold">Name:</span> {event.name}</li>
diff --git a/src/routes/private/events/creator/steps/StepUploadParticipants.svelte b/src/routes/private/events/creator/steps/StepUploadParticipants.svelte
index ac8cf52..d973d4f 100644
--- a/src/routes/private/events/creator/steps/StepUploadParticipants.svelte
+++ b/src/routes/private/events/creator/steps/StepUploadParticipants.svelte
@@ -64,7 +64,7 @@
 
 {#if showForm}
 	{#if errors.length > 0}
-		<div class="mb-4 rounded border border-red-400 bg-red-50 p-4 text-red-700">
+		<div class="mb-4 mt-2 rounded border border-red-400 bg-red-50 p-4 text-red-700">
 			<ul class="list-disc ml-4">
 				{#each errors as err}
 					<li>{err}</li>
@@ -76,7 +76,7 @@
 		onsubmit={handleSubmit}
 		autocomplete="off"
 		enctype="multipart/form-data"
-		class="flex w-full flex-col space-y-4 rounded border border-gray-300 bg-white p-8 shadow-none"
+		class="flex mt-2 w-full flex-col space-y-4 rounded border border-gray-300 bg-white p-8 shadow-none"
 	>
 		<h2 class="mb-4 text-center text-2xl font-semibold">Upload Participants</h2>
 		<label class="flex flex-col text-gray-700">
@@ -99,7 +99,7 @@
 	</form>
 {:else}
 	<button
-		class="w-full rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
+		class="w-full mt-2 rounded bg-blue-600 py-2 text-white transition hover:bg-blue-700"
 		onclick={showEditForm}
 		aria-label="Edit participants"
 	>