From 960354f42ef8be9266c295bccef6041710916cae Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Mon, 11 Apr 2022 12:55:44 +0200
Subject: [PATCH] fix prepend

---
 .../src/components/N8nSelect/Select.vue          | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/design-system/src/components/N8nSelect/Select.vue b/packages/design-system/src/components/N8nSelect/Select.vue
index 725260da31..f61eeeadf6 100644
--- a/packages/design-system/src/components/N8nSelect/Select.vue
+++ b/packages/design-system/src/components/N8nSelect/Select.vue
@@ -1,5 +1,5 @@
 <template functional>
-	<div :class="$style.container">
+	<div :class="{[$style.container]: true, [$style.withPrepend]: !!$slots.prepend}">
 		<div v-if="$slots.prepend" :class="$style.prepend">
 			<slot name="prepend" />
 		</div>
@@ -130,15 +130,19 @@ export default {
 .container {
 	display: inline-flex;
 	width: 100%;
-	--input-border-color: none;
-	border: var(--border-base);
-	border-radius: var(--input-border-radius, var(--border-radius-base))
+}
+
+.withPrepend {
+	input {
+		border-top-left-radius: 0;
+		border-bottom-left-radius: 0;
+	}
 }
 
 .prepend {
-	display: inline-block;
 	font-size: var(--font-size-2xs);
-	border-right: var(--border-base);
+	border: var(--border-base);
+	border-right: none;
 	display: flex;
 	align-items: center;
 	padding: 0 var(--spacing-3xs);