diff --git a/apps/web/components/booking/CancelBooking.tsx b/apps/web/components/booking/CancelBooking.tsx
index c331578023..39c0cefbb5 100644
--- a/apps/web/components/booking/CancelBooking.tsx
+++ b/apps/web/components/booking/CancelBooking.tsx
@@ -57,9 +57,9 @@ export default function CancelBooking(props: Props) {
             className="mt-2 mb-3 w-full dark:border-gray-900 dark:bg-gray-700 dark:text-white sm:mb-3 "
             rows={3}
           />
-          <div className=" flex flex-col-reverse rtl:space-x-reverse sm:flex-row">
+          <div className="flex flex-col-reverse rtl:space-x-reverse sm:flex-row">
             {!props.recurringEvent && (
-              <div className=" border-bookinglightest mt-5 flex w-full justify-center border-t pt-3 sm:mt-0  sm:justify-start sm:border-0 sm:pt-0">
+              <div className="border-bookinglightest mt-5 flex w-full justify-center border-t pt-3 sm:mt-0 sm:justify-start sm:border-0 sm:pt-0">
                 <Button
                   color="secondary"
                   className="border-0 sm:border"
@@ -80,7 +80,7 @@ export default function CancelBooking(props: Props) {
 
                   const payload = {
                     uid: booking?.uid,
-                    reason: cancellationReason,
+                    cancellationReason: cancellationReason,
                   };
 
                   telemetry.event(telemetryEventTypes.bookingCancelled, collectPageParameters());
diff --git a/apps/web/pages/cancel/[uid].tsx b/apps/web/pages/cancel/[uid].tsx
index 0d2c873095..cc94945196 100644
--- a/apps/web/pages/cancel/[uid].tsx
+++ b/apps/web/pages/cancel/[uid].tsx
@@ -51,7 +51,7 @@ export default function Type(props: inferSSRProps<typeof getServerSideProps>) {
       <CustomBranding lightVal={props.profile?.brandColor} darkVal={props.profile?.darkBrandColor} />
       <main className="h-full sm:flex sm:items-center">
         <div className="mx-auto flex justify-center px-4 pt-4 pb-20 sm:block sm:p-0">
-          <div className="inline-block transform overflow-hidden rounded-md border bg-white px-8 pt-5  pb-4 text-left align-bottom transition-all dark:border-neutral-700 dark:bg-gray-800 sm:my-8 sm:w-full sm:max-w-lg sm:py-6 sm:align-middle">
+          <div className="inline-block transform overflow-hidden rounded-md border bg-white px-8 pt-5 pb-4 text-left align-bottom transition-all dark:border-neutral-700 dark:bg-gray-800 sm:my-8 sm:w-full sm:max-w-lg sm:py-6 sm:align-middle">
             <div>
               <div>
                 {error && (
@@ -178,7 +178,7 @@ export default function Type(props: inferSSRProps<typeof getServerSideProps>) {
 
                               const payload = {
                                 uid: uid,
-                                reason: cancellationReason,
+                                cancellationReason: cancellationReason,
                                 allRemainingBookings: !!props.recurringInstances,
                               };