diff --git a/src/lib/components/creation/Creation.svelte b/src/lib/components/creation/Creation.svelte
index c99508d1..ba0356dd 100644
--- a/src/lib/components/creation/Creation.svelte
+++ b/src/lib/components/creation/Creation.svelte
@@ -17,7 +17,7 @@
   </h3>
 </div>
 
-<div class="w-full rounded-xl border p-6 md:px-14">
+<div class="w-full rounded-xl border bg-white px-8 py-6 md:px-14">
   <div class="flex flex-col gap-6">
     <MeetingNameField />
     <MeetingTimeField />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f3c60d82..6b77afe5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,7 +15,7 @@
   <Navbar {data} />
 
   <main
-    class="flex h-[calc(100vh-1.5rem)] w-full flex-col gap-y-5 overflow-x-clip border-t-2 bg-white px-2 pb-6 md:gap-y-6 md:overflow-y-auto md:rounded-tl-xl md:px-4"
+    class="flex h-[calc(100vh-1.5rem)] w-full flex-col gap-y-5 overflow-x-clip border-t-2 bg-gray-50 px-2 pb-6 md:gap-y-6 md:overflow-y-auto md:rounded-tl-xl md:px-4"
   >
     <slot />
   </main>