diff --git a/frontend/src/lib/components/InputTransformForm.svelte b/frontend/src/lib/components/InputTransformForm.svelte
index e6c9222dc7..2a45ab7e6f 100644
--- a/frontend/src/lib/components/InputTransformForm.svelte
+++ b/frontend/src/lib/components/InputTransformForm.svelte
@@ -766,6 +766,7 @@
{#if error != ''}
diff --git a/frontend/src/lib/components/SimpleEditor.svelte b/frontend/src/lib/components/SimpleEditor.svelte
index 761ae2ed03..00c60b6dcf 100644
--- a/frontend/src/lib/components/SimpleEditor.svelte
+++ b/frontend/src/lib/components/SimpleEditor.svelte
@@ -90,7 +90,8 @@
key,
disabled = false,
minHeight = 1000,
- renderLineHighlight = 'none'
+ renderLineHighlight = 'none',
+ yPadding
}: {
lang: string
code?: string
@@ -119,6 +120,7 @@
disabled?: boolean
minHeight?: number
renderLineHighlight?: 'all' | 'line' | 'gutter' | 'none'
+ yPadding?: number
} = $props()
const dispatch = createEventDispatcher()
@@ -336,6 +338,7 @@
$relativeLineNumbers
),
model,
+ ...(yPadding !== undefined ? { padding: { bottom: yPadding, top: yPadding } } : {}),
renderLineHighlight,
lineDecorationsWidth: 6,
lineNumbersMinChars: 2,
diff --git a/frontend/src/lib/components/TemplateEditor.svelte b/frontend/src/lib/components/TemplateEditor.svelte
index 3360fe9961..43f1efb4c5 100644
--- a/frontend/src/lib/components/TemplateEditor.svelte
+++ b/frontend/src/lib/components/TemplateEditor.svelte
@@ -452,7 +452,12 @@
fontSize,
suggestOnTriggerCharacters: true,
renderLineHighlight: 'none',
- lineNumbers: 'off'
+ lineNumbers: 'off',
+
+ padding: {
+ bottom: 8,
+ top: 8
+ }
})
} catch (e) {
console.error('Error loading monaco:', e)
diff --git a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
index c0834b625c..dd676dd99a 100644
--- a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
+++ b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
@@ -447,6 +447,7 @@
{#if showExpr}
x != name)
.map((x) => `"${x}"`)