diff --git a/apps/web/pages/new-booker/[user]/[type].tsx b/apps/web/pages/new-booker/[user]/[type].tsx
index 6a6db3e0e8..5151f13f50 100644
--- a/apps/web/pages/new-booker/[user]/[type].tsx
+++ b/apps/web/pages/new-booker/[user]/[type].tsx
@@ -15,7 +15,7 @@ type PageProps = inferSSRProps<typeof getServerSideProps>;
 
 export default function Type({ slug, user, booking, away }: PageProps) {
   return (
-    <main className="flex justify-center">
+    <main className="flex h-full min-h-[100dvh] items-center justify-center">
       <Booker username={user} eventSlug={slug} rescheduleBooking={booking} isAway={away} />
     </main>
   );
diff --git a/apps/web/pages/new-booker/team/[slug]/[type].tsx b/apps/web/pages/new-booker/team/[slug]/[type].tsx
index 46a91e6890..6267178e9c 100644
--- a/apps/web/pages/new-booker/team/[slug]/[type].tsx
+++ b/apps/web/pages/new-booker/team/[slug]/[type].tsx
@@ -14,7 +14,7 @@ type PageProps = inferSSRProps<typeof getServerSideProps>;
 
 export default function Type({ slug, user, booking, away }: PageProps) {
   return (
-    <main className="flex justify-center">
+    <main className="flex h-full min-h-[100dvh] items-center justify-center">
       <Booker username={user} eventSlug={slug} rescheduleBooking={booking} isAway={away} />
     </main>
   );
diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx
index aec279eaf4..684b6f447e 100644
--- a/packages/features/bookings/Booker/Booker.tsx
+++ b/packages/features/bookings/Booker/Booker.tsx
@@ -135,7 +135,7 @@ const BookerComponent = ({ username, eventSlug, month, rescheduleBooking }: Book
             // Sizes for fullscreen layouts:
             layout !== "small_calendar" && "[--booker-meta-width:340px] lg:[--booker-meta-width:424px]",
             // Other styles
-            layout === "small_calendar" && "border-subtle mt-20 min-h-[450px] rounded-md border",
+            layout === "small_calendar" && "border-subtle min-h-[450px] rounded-md border",
             layout !== "small_calendar" && "h-auto min-h-screen w-screen",
             "transition-[width,max-width] duration-300"
           )}>