diff --git a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
index df16b59593..2f0792308f 100644
--- a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
@@ -156,6 +156,7 @@
 		{/if}
 		<PanelSection
 			title={`Event handlers`}
+			fullHeight={false}
 			tooltip="Event handlers are used to trigger actions on other components when a specific event occurs. For example, you can trigger a recompute on a component when a script has successfully run."
 		>
 			<EventHandlerItem
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/common/PanelSection.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/common/PanelSection.svelte
index 160b5de8b8..53c37bf7b1 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/common/PanelSection.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/common/PanelSection.svelte
@@ -4,6 +4,7 @@
 
 	export let title: string
 	export let noPadding: boolean = false
+	export let fullHeight: boolean = true
 	export let titlePadding: string = ''
 	export let tooltip = ''
 	export let documentationLink: string | undefined = undefined
@@ -13,8 +14,9 @@
 <div
 	class={classNames(
 		$$props.class,
-		'flex flex-col h-full gap-2 items-start',
-		noPadding ? '' : 'p-3'
+		'flex flex-col gap-2 items-start',
+		noPadding ? '' : 'p-3',
+		fullHeight ? 'h-full' : ''
 	)}
 	{id}
 >