diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 28ce8fc88..e8a95fb1b 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -292,7 +292,7 @@ export default function GenericNode({
                     title={
                       data.node?.output_types &&
                       data.node.output_types.length > 0
-                        ? data.node.output_types.join("|")
+                        ? data.node.output_types.join(" | ")
                         : data.type
                     }
                     tooltipTitle={data.node?.base_classes.join("\n")}
@@ -539,7 +539,7 @@ export default function GenericNode({
                   }
                   title={
                     data.node?.output_types && data.node.output_types.length > 0
-                      ? data.node.output_types.join("|")
+                      ? data.node.output_types.join(" | ")
                       : data.type
                   }
                   tooltipTitle={data.node?.base_classes.join("\n")}