diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index b97f46697..f69372b0d 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -105,7 +105,7 @@ export default function GenericNode({
         <div className="generic-node-div-title">
           <div className="generic-node-title-arrangement">
             <IconComponent
-              name={name}
+              name={data.node?.flow?"Ungroup":name}
               className="generic-node-icon"
               iconColor={`${nodeColors[types[data.type]]}`}
             />
diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index a6811ee4d..5b45e9da3 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -673,7 +673,7 @@ export function generateNodeFromFlow(flow: FlowType,getNodeId:(type:string)=>str
       type: outputNode?.data.type!,
       node: {
         output_types: outputNode!.data.node!.output_types,
-        display_name: "group Node",
+        display_name: "group Component",
         documentation: "",
         base_classes: outputNode!.data.node!.base_classes,
         description: "double click to edit description",