diff --git a/components/BookingWidget/Client.tsx b/components/BookingWidget/Client.tsx
index cb5e308b5..922522742 100644
--- a/components/BookingWidget/Client.tsx
+++ b/components/BookingWidget/Client.tsx
@@ -177,7 +177,7 @@ export default function BookingWidgetClient({
           >
             <CloseLargeIcon />
           </button>
-          <Form locations={locations} type={type} setIsOpen={setIsOpen} />
+          <Form locations={locations} type={type} onClose={closeMobileSearch} />
         </div>
       </section>
       <div className={styles.backdrop} onClick={closeMobileSearch} />
diff --git a/components/Forms/BookingWidget/index.tsx b/components/Forms/BookingWidget/index.tsx
index b47ae74aa..3f7e5aa82 100644
--- a/components/Forms/BookingWidget/index.tsx
+++ b/components/Forms/BookingWidget/index.tsx
@@ -20,7 +20,7 @@ const formId = "booking-widget"
 export default function Form({
   locations,
   type,
-  setIsOpen,
+  onClose,
 }: BookingWidgetFormProps) {
   const router = useRouter()
   const lang = useLang()
@@ -56,7 +56,7 @@ export default function Form({
         )
       })
     })
-    setIsOpen(false)
+    onClose()
     router.push(`${bookingFlowPage}?${bookingWidgetParams.toString()}`)
   }
 
diff --git a/types/components/form/bookingwidget.ts b/types/components/form/bookingwidget.ts
index 887c4eae2..bded82de3 100644
--- a/types/components/form/bookingwidget.ts
+++ b/types/components/form/bookingwidget.ts
@@ -4,7 +4,7 @@ import type { Location, Locations } from "@/types/trpc/routers/hotel/locations"
 export interface BookingWidgetFormProps {
   locations: Locations
   type?: BookingWidgetType
-  setIsOpen: (isOpen: boolean) => void
+  onClose: () => void
 }
 
 export interface BookingWidgetFormContentProps {