diff --git a/src/components/graph/graph-section.tsx b/src/components/graph/graph-section.tsx
index 6cef1c2..3a5a87e 100644
--- a/src/components/graph/graph-section.tsx
+++ b/src/components/graph/graph-section.tsx
@@ -85,7 +85,7 @@ export function GraphSection({
             </div>
 
             {/* ReactFlow graph viewport */}
-            <div className="relative h-[60vh] min-h-[24rem] md:min-h-[35rem] overflow-hidden rounded-2xl border border-white/5 bg-[radial-gradient(circle_at_50%_50%,rgba(15,23,42,0.4),rgba(5,8,15,0.8))] shadow-inner">
+            <div className="relative h-[60vh] min-h-[24rem] md:min-h-[35rem] overflow-hidden rounded-2xl border border-[var(--border-subtle)] bg-[var(--surface-secondary)] shadow-inner">
                 <ReactFlow
                     className="workflow-graph-flow"
                     defaultEdgeOptions={defaultEdgeOptions}