diff --git a/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx b/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx
index a7e6adc890..016cb968a7 100644
--- a/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx
+++ b/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx
@@ -15,12 +15,11 @@ import { slugify } from "@calcom/lib/slugify";
 import turndown from "@calcom/lib/turndownService";
 import { Label, Select, SettingsToggle, Skeleton, TextField, Editor } from "@calcom/ui";
 
-export const EventSetupTab = (
-  props: Pick<
-    EventTypeSetupProps,
-    "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
-  >
-) => {
+export type EventSetupTabProps = Pick<
+  EventTypeSetupProps,
+  "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
+>;
+export const EventSetupTab = (props: EventSetupTabProps) => {
   const { t } = useLocale();
   const formMethods = useFormContext<FormValues>();
   const { eventType, team } = props;
diff --git a/packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx b/packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx
new file mode 100644
index 0000000000..432a21d27c
--- /dev/null
+++ b/packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx
@@ -0,0 +1,8 @@
+import type { EventSetupTabProps } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+import { EventSetupTab } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+
+const EventSetupTabWebWrapper = (props: EventSetupTabProps) => {
+  return <EventSetupTab {...props} />;
+};
+
+export default EventSetupTabWebWrapper;
diff --git a/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx b/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx
index 8c5f6ca961..690f6037dd 100644
--- a/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx
+++ b/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx
@@ -32,7 +32,7 @@ const AssignmentWarningDialog = dynamic(
 
 const EventSetupTab = dynamic(() =>
   // import web wrapper when it's ready
-  import("@calcom/features/eventtypes/components/tabs/setup/EventSetupTab").then((mod) => mod.EventSetupTab)
+  import("./EventSetupTabWebWrapper").then((mod) => mod)
 );
 
 const EventAvailabilityTab = dynamic(() =>