diff --git a/client/src/components/Workflow/Editor/NodeOutput.vue b/client/src/components/Workflow/Editor/NodeOutput.vue
index 71e093b4b49b..b5666b58d9bd 100644
--- a/client/src/components/Workflow/Editor/NodeOutput.vue
+++ b/client/src/components/Workflow/Editor/NodeOutput.vue
@@ -320,10 +320,12 @@ const removeTagsAction = computed(() => {
                     @click="onToggleVisible">
                     <i :class="['mark-terminal', visibleClass]" />
                 </div>
-                <span v-b-tooltip :title="labelToolTipTitle" :class="labelClass">
-                    {{ label }}
-                </span>
-                <span class="ml-1"> ({{ extensions.join(", ") }}) </span>
+                <div class="d-flex flex-gapx-1">
+                    <span v-b-tooltip :title="labelToolTipTitle" :class="labelClass">
+                        {{ label }}
+                    </span>
+                    <span>({{ extensions.join(", ") }}) </span>
+                </div>
             </div>
 
             <div