diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
index 9a1bc030c..6dddc37c2 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
@@ -165,7 +165,7 @@
                 valEl.appendTo(element)
 
                 if (optSrc) {
-                    const optEl = $('<div>').css({ "font-size": "0.8em" });
+                    const optEl = $('<div/>', { class: "red-ui-autoComplete-env-label" });
                     let label
                     if (optSrc.type === 'global-config') {
                         label = RED._('sidebar.context.global')
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
index 85cb4f1db..55a71cfdc 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
@@ -13,4 +13,12 @@
     text-overflow: ellipsis;
     direction: rtl;
     text-align: left;
+    padding-right: 16px;
+}
+.red-ui-autoComplete-env-label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 0.8em;
+    max-width: 70%;
 }