Fixed icon not colorful on nodes

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -176,7 +176,7 @@ export default function GenericNode({
               <IconComponent
                 name={data.node?.flow ? "Ungroup" : name}
                 className={
-                  "generic-node-icon " +
+                  "generic-node-icon" +
                   (!showNode && "absolute inset-x-6 h-12 w-12")
                 }
                 iconColor={`${nodeColors[types[data.type]]}`}

src/frontend/src/components/genericIconComponent/index.tsx

@@ -8,14 +8,19 @@ const ForwardedIconComponent = forwardRef(
     ref
   ) => {
     const TargetIcon = nodeIconsLucide[name] ?? nodeIconsLucide["unknown"];
+
+    const style = {
+      strokeWidth: 1.5,
+      className: className,
+      ...(stroke && { stroke: stroke }),
+      ...(iconColor && { color: iconColor, stroke: stroke }),
+    };
+
     return (
       <TargetIcon
-        strokeWidth={1.5}
+        style={style}
-        className={className}
-        style={iconColor ? { color: iconColor } : {}}
         ref={ref}
-        stroke={stroke ? stroke : "currentColor"}
+        data-testid={id ? `${id}-${name}` : `icon-${name}`}
-        data-testid={id ? `${id}-${name}` : "icon-" + name}
       />
     );
   }