diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 041c26fc4..04350aa27 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -88,6 +88,7 @@ export default function ParameterComponent({
   const myData = useTypesStore((state) => state.data);
 
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
+  console.log(title, color);
 
   const handleRefreshButtonPress = async (name, data) => {
     setIsLoading(true);
@@ -358,7 +359,7 @@ export default function ParameterComponent({
                 !showNode ? "mt-0" : ""
               )}
               style={{
-                borderColor: color,
+                borderColor: color??nodeColors.unknown,
               }}
               onClick={() => {
                 setFilterEdge(groupedEdge.current);
@@ -451,7 +452,7 @@ export default function ParameterComponent({
                     "h-3 w-3 rounded-full border-2 bg-background"
                   )}
                   style={{
-                    borderColor: color,
+                    borderColor: color?? nodeColors.unknown,
                   }}
                   onClick={() => {
                     setFilterEdge(groupedEdge.current);