Form fixes

apps/web/components/webhook/WebhookDialogForm.tsx

@@ -58,7 +58,9 @@ export default function WebhookDialogForm(props: {
         props.handleClose();
       }}
       className="space-y-4">
+      <div>
         <input type="hidden" {...form.register("id")} />
+      </div>
       <fieldset className="space-y-2">
         <InputGroupBox className="border-0 bg-gray-50">
           <Controller
@@ -76,6 +78,7 @@ export default function WebhookDialogForm(props: {
           />
         </InputGroupBox>
       </fieldset>
+      <div>
         <TextField
           label={t("subscriber_url")}
           {...form.register("subscriberUrl")}
@@ -89,7 +92,7 @@ export default function WebhookDialogForm(props: {
             }
           }}
         />
-
+      </div>
       <fieldset className="space-y-2">
         <FieldsetLegend>{t("event_triggers")}</FieldsetLegend>
         <InputGroupBox className="border-0 bg-gray-50">

apps/web/ee/components/apiKeys/ApiKeyDialogForm.tsx

@@ -106,13 +106,14 @@ export default function ApiKeyDialogForm(props: {
             <h2 className="font-semi-bold font-cal text-xl tracking-wide text-gray-900">{props.title}</h2>
             <p className="mt-1 mb-5 text-sm text-gray-500">{t("api_key_modal_subtitle")}</p>
           </div>
+          <div>
             <TextField
               label={t("personal_note")}
               placeholder={t("personal_note_placeholder")}
               {...form.register("note")}
               type="text"
             />
-
+          </div>
           <div className="flex flex-col">
             <div className="flex justify-between py-2">
               <span className="block text-sm font-medium text-gray-700">{t("expire_date")}</span>

apps/web/pages/event-types/[type].tsx

@@ -1888,6 +1888,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                     addLocation(newLocation, details);
                     setShowLocationModal(false);
                   }}>
+                  <div>
                     <Controller
                       name="locationType"
                       control={locationFormMethods.control}
@@ -1910,6 +1911,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                         />
                       )}
                     />
+                  </div>
                   <LocationOptions />
                   <div className="mt-4 flex justify-end space-x-2">
                     <Button onClick={() => setShowLocationModal(false)} type="button" color="secondary">