From e928fb182b1a0ee8ff7212c580059a96cd20450c Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
Date: Fri, 3 Sep 2021 11:08:50 +0200
Subject: [PATCH] :bug: Hide scrollbars on multi selects (#2160)

---
 .../design-system/src/components/N8nSelect/Select.stories.js  | 2 +-
 packages/design-system/theme/src/select.scss                  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/design-system/src/components/N8nSelect/Select.stories.js b/packages/design-system/src/components/N8nSelect/Select.stories.js
index 824c858ace..398726fb3b 100644
--- a/packages/design-system/src/components/N8nSelect/Select.stories.js
+++ b/packages/design-system/src/components/N8nSelect/Select.stories.js
@@ -121,7 +121,7 @@ const LimitedWidthTemplate = (args, { argTypes }) => ({
 		N8nSelect,
 		N8nOption,
 	},
-	template: '<div style="width:100px;"><n8n-select v-bind="$props" v-model="val" @input="onInput" @change="onChange"><n8n-option value="1">op1</n8n-option><n8n-option value="2">op2 test very long ipsum lipsum test jskdfjsld kjfdslk jfdslkfj lksdjf</n8n-option></n8n-select></div>',
+	template: '<div style="width:100px;"><n8n-select v-bind="$props" v-model="val" @input="onInput" @change="onChange"><n8n-option value="1" label="opt1 11 1111" /><n8n-option value="2" label="opt2 test very long ipsum"/></n8n-select></div>',
 	data() {
 		return {
 			val: '',
diff --git a/packages/design-system/theme/src/select.scss b/packages/design-system/theme/src/select.scss
index b667c7eadc..b486df5cb3 100644
--- a/packages/design-system/theme/src/select.scss
+++ b/packages/design-system/theme/src/select.scss
@@ -15,6 +15,10 @@
 
 	.el-select__tags {
 		overflow-x: scroll;
+
+		&::-webkit-scrollbar {
+			display: none;
+		}
 	}
 
 	.el-select__tags > span {