From 8ec1c2b4c38ed0470ba03f76cfa3bccf4acaf7e1 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 28 Nov 2022 15:19:19 +0200
Subject: [PATCH 1/2] fix: Update size of select components in filters dropdown

---
 .../src/components/forms/ResourceFiltersDropdown.vue          | 4 ++--
 packages/editor-ui/src/views/CredentialsView.vue              | 2 +-
 packages/editor-ui/src/views/WorkflowsView.vue                | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue b/packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue
index 76a4ab8932328..1ecf99b7f0957 100644
--- a/packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue
+++ b/packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue
@@ -38,7 +38,7 @@
 					:users="ownedByUsers"
 					:currentUserId="usersStore.currentUser.id"
 					:value="value.ownedBy"
-					size="small"
+					size="medium"
 					@input="setKeyValue('ownedBy', $event)"
 				/>
 			</enterprise-edition>
@@ -54,7 +54,7 @@
 					:users="sharedWithUsers"
 					:currentUserId="usersStore.currentUser.id"
 					:value="value.sharedWith"
-					size="small"
+					size="medium"
 					@input="setKeyValue('sharedWith', $event)"
 				/>
 			</enterprise-edition>
diff --git a/packages/editor-ui/src/views/CredentialsView.vue b/packages/editor-ui/src/views/CredentialsView.vue
index e8a5e7b3702b6..0c9a8a1f0098e 100644
--- a/packages/editor-ui/src/views/CredentialsView.vue
+++ b/packages/editor-ui/src/views/CredentialsView.vue
@@ -23,7 +23,7 @@
 				/>
 				<n8n-select
 					:value="filters.type"
-					size="small"
+					size="medium"
 					multiple
 					filterable
 					ref="typeInput"
diff --git a/packages/editor-ui/src/views/WorkflowsView.vue b/packages/editor-ui/src/views/WorkflowsView.vue
index 8e6bccb94f8b0..163d16b8e3706 100644
--- a/packages/editor-ui/src/views/WorkflowsView.vue
+++ b/packages/editor-ui/src/views/WorkflowsView.vue
@@ -62,7 +62,7 @@
 					color="text-base"
 					class="mb-3xs"
 				/>
-				<n8n-select :value="filters.status" @input="setKeyValue('status', $event)" size="small">
+				<n8n-select :value="filters.status" @input="setKeyValue('status', $event)" size="medium">
 					<n8n-option
 						v-for="option in statusFilterOptions"
 						:key="option.label"

From b0e6b90fe4c8236dd4080978be6e4ad495533c0c Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 28 Nov 2022 20:48:52 +0200
Subject: [PATCH 2/2] fix: Update select tags styling

---
 packages/design-system/src/css/select.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/design-system/src/css/select.scss b/packages/design-system/src/css/select.scss
index 2c3d943a49185..6fed9ae001299 100644
--- a/packages/design-system/src/css/select.scss
+++ b/packages/design-system/src/css/select.scss
@@ -28,10 +28,9 @@
 
 	.el-select__tags + .el-input {
 		input {
-			box-sizing: content-box;
-			padding: 0;
-			text-indent: var(--spacing-xs);
-			width: calc(100% - 2px);
+			box-sizing: border-box;
+			padding: 0 0 0 var(--spacing-2xs);
+			text-indent: 0;
 		}
 	}
 
@@ -92,7 +91,7 @@
 		border: none;
 		outline: none;
 		padding: 0;
-		margin-left: 15px;
+		margin-left: var(--spacing-2xs);
 		color: var.$select-multiple-input-color;
 		font-size: var.$select-font-size;
 		appearance: none;