From dc8d266fe4350ad47b0d073163d6a53fdf6e786c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Mon, 9 May 2022 10:15:53 +0200
Subject: [PATCH] :bug: Prevent scopes text overflow

---
 packages/editor-ui/src/components/NodeSettings.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/editor-ui/src/components/NodeSettings.vue b/packages/editor-ui/src/components/NodeSettings.vue
index e0654c3921..8199c78c23 100644
--- a/packages/editor-ui/src/components/NodeSettings.vue
+++ b/packages/editor-ui/src/components/NodeSettings.vue
@@ -42,7 +42,7 @@
 								adjustToNumber: scopes.length,
 								interpolate: {
 									activeCredential,
-									scopes: scopes.join(' '),
+									scopes: scopesText,
 								},
 							},
 						)"
@@ -192,6 +192,9 @@ export default mixins(
 
 				return this.nodeType.properties;
 			},
+			scopesText(): string {
+				return this.scopes.map(scope => scope.replace(/\//g, '/<wbr>')).join('<br>');
+			},
 		},
 		props: {
 			eventBus: {