diff --git a/frontend/src/lib/components/schema/EditableSchemaDrawer.svelte b/frontend/src/lib/components/schema/EditableSchemaDrawer.svelte
index f71096cb7d..73693b412c 100644
--- a/frontend/src/lib/components/schema/EditableSchemaDrawer.svelte
+++ b/frontend/src/lib/components/schema/EditableSchemaDrawer.svelte
@@ -172,7 +172,9 @@
 	<Drawer bind:this={schemaFormDrawer} size="1200px">
 		<DrawerContent title="UI Customisation" on:close={schemaFormDrawer.closeDrawer}>
 			<EditableSchemaForm
-				on:change
+				on:change={(e) => {
+					dispatch('change', e.detail)
+				}}
 				bind:this={editableSchemaForm}
 				bind:schema
 				isAppInput
diff --git a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
index ad39172bb2..0de935bc71 100644
--- a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
+++ b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
@@ -297,7 +297,12 @@
 		</div>
 		{#if oneOfSelected && schema.oneOf}
 			{@const idx = schema.oneOf.findIndex((obj) => obj.title === oneOfSelected)}
-			<EditableSchemaDrawer bind:schema={schema.oneOf[idx]} />
+			<EditableSchemaDrawer
+				bind:schema={schema.oneOf[idx]}
+				on:change={() => {
+					dispatch('schemaChange')
+				}}
+			/>
 		{/if}
 	{:else if type === 'object' && format !== 'resource-s3_object'}
 		<Tabs
@@ -313,7 +318,7 @@
 			<svelte:fragment slot="content">
 				<div class="pt-2">
 					<TabContent value="custom-object">
-						<EditableSchemaDrawer bind:schema />
+						<EditableSchemaDrawer bind:schema on:change={() => dispatch('schemaChange')} />
 					</TabContent>
 
 					<TabContent value="resource">