diff --git a/src/app/book-appointment/page.tsx b/src/app/book-appointment/page.tsx
index 943b4d2..7f10516 100644
--- a/src/app/book-appointment/page.tsx
+++ b/src/app/book-appointment/page.tsx
@@ -330,7 +330,7 @@ export default function BookAppointmentPage() {
             <div className="flex gap-4">
               <ButtonHoverBubble
                 text="Book Appointment"
-                onClick={handleSubmit}
+                onClick={() => handleSubmit({} as React.FormEvent)}
                 className="flex-1"
                 bgClassName="bg-primary-cta"
                 textClassName="text-white font-semibold"