From deffc2876f78636f0ac90f7d7828d96d72a54acb Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
Date: Tue, 2 Aug 2022 17:21:21 +0200
Subject: [PATCH] fix(editor): Fix label cut off (#3820)

---
 .../src/components/N8nInputLabel/InputLabel.vue      | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
index 59b67c82965b9..66eccd4195a9a 100644
--- a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
+++ b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
@@ -1,12 +1,13 @@
 <template>
 	<div :class="$style.container">
-		<div :class="{
-				[this.$style.label]: !!this.label,
+		<div v-if="label || $slots.options" :class="{
+				[this.$style.heading]: !!this.label,
 				[this.$style.underline]: this.underline,
 				[this.$style[this.size]]: true,
+				[$style.overflow]: !!$slots.options,
 			}">
 			<div :class="$style.title" v-if="label">
-				<n8n-text :bold="bold" :size="size" :compact="!underline">
+				<n8n-text :bold="bold" :size="size" :compact="!underline && !$slots.options">
 					{{ label }}
 					<n8n-text color="primary" :bold="bold" :size="size" v-if="required">*</n8n-text>
 				</n8n-text>
@@ -153,8 +154,11 @@ export default {
 	opacity: 1;
 }
 
-.label {
+.heading {
 	display: flex;
+}
+
+.overflow {
 	overflow-x: hidden;
 	overflow-y: clip;
 }