diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/DefaultNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/DefaultNode.tsx
index e0ab273..5028275 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/DefaultNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/DefaultNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 export default function DefaultNode({ data }: NodeProps) {
   const status = data.status as string | undefined;
@@ -14,7 +15,7 @@ export default function DefaultNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
         ? "var(--success)"
         : status === "running"
@@ -53,6 +54,7 @@ export default function DefaultNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder />}
       <Handle type="target" position={Position.Top} />
       <div className="overflow-hidden text-ellipsis whitespace-nowrap">
         {label}
diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/EndNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/EndNode.tsx
index dfcdea1..2892845 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/EndNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/EndNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 const hiddenHandle = {
   opacity: 0,
@@ -24,7 +25,7 @@ export default function EndNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
           ? "var(--success)"
           : status === "failed"
@@ -61,6 +62,7 @@ export default function EndNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder rx={999} />}
       <Handle type="target" position={Position.Top} style={hiddenHandle} />
       {label}
     </div>
diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/GroupNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/GroupNode.tsx
index 0fea7e2..a6588f7 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/GroupNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/GroupNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 const invisibleHandle = {
   opacity: 0,
@@ -24,7 +25,7 @@ export default function GroupNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
           ? "var(--success)"
           : status === "running"
@@ -64,6 +65,7 @@ export default function GroupNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder strokeWidth={3} />}
       <Handle type="target" position={Position.Top} style={invisibleHandle} />
       <div
         style={{
@@ -72,7 +74,7 @@ export default function GroupNode({ data }: NodeProps) {
           color: "var(--text-muted)",
           fontWeight: 600,
           textAlign: "center",
-          borderBottom: `1px solid ${borderColor}`,
+          borderBottom: `1px solid ${isActiveNode ? "var(--accent)" : borderColor}`,
           background: "var(--bg-tertiary)",
           borderRadius: "8px 8px 0 0",
         }}
diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/ModelNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/ModelNode.tsx
index 4fde6b8..e9a2c7e 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/ModelNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/ModelNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 const hiddenHandle = {
   opacity: 0,
@@ -25,7 +26,7 @@ export default function ModelNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
           ? "var(--success)"
           : status === "running"
@@ -64,6 +65,7 @@ export default function ModelNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder />}
       <Handle type="target" position={Position.Top} style={hiddenHandle} />
       <div style={{ color: "var(--info)", fontSize: 9, marginBottom: 1 }}>model</div>
       <div className="overflow-hidden text-ellipsis whitespace-nowrap">{label}</div>
diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/StartNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/StartNode.tsx
index 994cdb7..b9b7f93 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/StartNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/StartNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 const hiddenHandle = {
   opacity: 0,
@@ -24,7 +25,7 @@ export default function StartNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
           ? "var(--success)"
           : status === "running"
@@ -61,6 +62,7 @@ export default function StartNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder rx={999} />}
       {label}
       <Handle type="source" position={Position.Bottom} style={hiddenHandle} />
     </div>
diff --git a/src/uipath/dev/server/frontend/src/components/graph/nodes/ToolNode.tsx b/src/uipath/dev/server/frontend/src/components/graph/nodes/ToolNode.tsx
index 2c6494a..2032c7a 100644
--- a/src/uipath/dev/server/frontend/src/components/graph/nodes/ToolNode.tsx
+++ b/src/uipath/dev/server/frontend/src/components/graph/nodes/ToolNode.tsx
@@ -1,4 +1,5 @@
 import { Handle, Position, type NodeProps } from "reactflow";
+import MarchingBorder from "./MarchingBorder";
 
 const hiddenHandle = {
   opacity: 0,
@@ -28,7 +29,7 @@ export default function ToolNode({ data }: NodeProps) {
     : isExecutingNode
       ? "var(--success)"
       : isActiveNode
-        ? "var(--accent)"
+        ? "transparent"
         : status === "completed"
           ? "var(--success)"
           : status === "running"
@@ -70,6 +71,7 @@ export default function ToolNode({ data }: NodeProps) {
           }}
         />
       )}
+      {isActiveNode && <MarchingBorder />}
       <Handle type="target" position={Position.Top} style={hiddenHandle} />
       <div style={{ color: "var(--warning)", fontSize: 9, marginBottom: 1 }}>
         tools{toolCount ? ` (${toolCount})` : ""}