From 1caff6844e74fe007a6f51920d4f5dcc17932578 Mon Sep 17 00:00:00 2001
From: Nawaz Dhandala <hello@nawazdhandala.com>
Date: Thu, 26 Mar 2026 14:18:38 +0000
Subject: [PATCH] refactor: Update Node component styles for improved layout
 and visual consistency

---
 Common/UI/Components/Workflow/Component.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/Common/UI/Components/Workflow/Component.tsx b/Common/UI/Components/Workflow/Component.tsx
index 7959978c33..75cd506268 100644
--- a/Common/UI/Components/Workflow/Component.tsx
+++ b/Common/UI/Components/Workflow/Component.tsx
@@ -300,7 +300,7 @@ const Node: FunctionComponent<ComponentProps> = (props: ComponentProps) => {
                 : colors.border
         }`,
         backgroundColor: "#ffffff",
-        overflow: "hidden",
+        overflow: "visible",
         boxShadow: props.selected
           ? colors.selectedShadow
           : isHovering
@@ -388,6 +388,7 @@ const Node: FunctionComponent<ComponentProps> = (props: ComponentProps) => {
           display: "flex",
           alignItems: "center",
           gap: "0.5rem",
+          borderRadius: "10px 10px 0 0",
         }}
       >
         {props.data.metadata.iconProp && (
@@ -434,6 +435,11 @@ const Node: FunctionComponent<ComponentProps> = (props: ComponentProps) => {
           padding: "0.75rem 0.875rem",
           backgroundColor: colors.bg,
           minHeight: "3rem",
+          borderRadius:
+            !props.data.metadata.outPorts ||
+            props.data.metadata.outPorts.length === 0
+              ? "0 0 10px 10px"
+              : undefined,
         }}
       >
         {/* Component ID badge */}
@@ -496,6 +502,7 @@ const Node: FunctionComponent<ComponentProps> = (props: ComponentProps) => {
                     ? "center"
                     : "space-between",
                 backgroundColor: "#ffffff",
+                borderRadius: "0 0 10px 10px",
               }}
             >
               {props.data.metadata.outPorts.map((port: Port, i: number) => {