diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index afb3db57f..3c3d2f2c0 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -446,11 +446,13 @@ export function updateNewOutput({ nodes, edges }: updateEdgesHandleIdsType) {
         ) {
           const outputTypes = sourceNode.data.node!.output_types;
           // create a new output field for each output type
-          sourceNode.data.node!.outputs = outputTypes?.map((type) => ({
-            types: [type],
-            selected: selected,
-            name: type,
-          }));
+          sourceNode.data.node!.outputs = [
+            {
+              types: outputTypes ?? [],
+              selected: selected,
+              name: outputTypes?.join(" | ") ?? "",
+            },
+          ];
         }
       }
       edge.sourceHandle = scapedJSONStringfy(newSourceHandle);