From cf153ea085165115ee523fbb1bd32080dde47eda Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Wed, 25 Sep 2024 11:30:21 +0200
Subject: [PATCH] fix(editor): Fix design system form component sizing (#10961)

---
 .../design-system/src/components/N8nFormInput/FormInput.vue   | 4 ++++
 .../design-system/src/components/N8nInputLabel/InputLabel.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/design-system/src/components/N8nFormInput/FormInput.vue b/packages/design-system/src/components/N8nFormInput/FormInput.vue
index 5f187611d..b1fbd4b6e 100644
--- a/packages/design-system/src/components/N8nFormInput/FormInput.vue
+++ b/packages/design-system/src/components/N8nFormInput/FormInput.vue
@@ -193,6 +193,7 @@ defineExpose({ inputRef });
 		:label="label"
 		:tooltip-text="tooltipText"
 		:required="required && showRequiredAsterisk"
+		:size="labelSize"
 	>
 		<template #content>
 			{{ tooltipText }}
@@ -210,6 +211,7 @@ defineExpose({ inputRef });
 		:label="label"
 		:tooltip-text="tooltipText"
 		:required="required && showRequiredAsterisk"
+		:size="labelSize"
 	>
 		<div :class="showErrors ? $style.errorInput : ''" @keydown.stop @keydown.enter="onEnter">
 			<slot v-if="hasDefaultSlot" />
@@ -223,6 +225,7 @@ defineExpose({ inputRef });
 				:disabled="disabled"
 				:name="name"
 				:teleported="teleported"
+				:size="tagSize"
 				@update:model-value="onUpdateModelValue"
 				@focus="onFocus"
 				@blur="onBlur"
@@ -246,6 +249,7 @@ defineExpose({ inputRef });
 				:maxlength="maxlength"
 				:autocomplete="autocomplete"
 				:disabled="disabled"
+				:size="tagSize"
 				@update:model-value="onUpdateModelValue"
 				@blur="onBlur"
 				@focus="onFocus"
diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
index 31e0d1ca4..4a89233bf 100644
--- a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
+++ b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
@@ -5,7 +5,7 @@ import N8nIcon from '../N8nIcon';
 import N8nText from '../N8nText';
 import N8nTooltip from '../N8nTooltip';
 
-const SIZE = ['small', 'medium'] as const;
+const SIZE = ['small', 'medium', 'large'] as const;
 
 interface InputLabelProps {
 	compact?: boolean;