diff --git a/frontend/src/components/base/BaseNode.tsx b/frontend/src/components/base/BaseNode.tsx
index d301f6e..d84e1a7 100644
--- a/frontend/src/components/base/BaseNode.tsx
+++ b/frontend/src/components/base/BaseNode.tsx
@@ -51,7 +51,7 @@ export function BaseNode({
       className={cn(
         "bg-card text-card-foreground relative rounded-md border transition-[border-color,box-shadow] duration-200",
         "hover:ring-1",
-        selected && "border-primary/70 shadow-[0_0_0_2px_hsl(var(--primary)_/_0.22)]",
+        selected && "border-primary/50 shadow-[0_0_0_2px_hsl(var(--primary)_/_0.15)] dark:border-primary/35 dark:shadow-[0_0_0_2px_hsl(var(--primary)_/_0.1)]",
         className,
       )}
       data-selected={selected}
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 689d22c..780dc5f 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -32,12 +32,13 @@ body {
 }
 
 .react-flow__node:focus-visible>div:first-child {
-    border-color: hsl(var(--primary) / 0.7);
-    box-shadow: 0 0 0 2px hsl(var(--primary) / 0.22);
+    border-color: hsl(var(--primary) / 0.5);
+    box-shadow: 0 0 0 2px hsl(var(--primary) / 0.15);
 }
 
 .dark .react-flow__node:focus-visible>div:first-child {
-    box-shadow: 0 0 0 2px hsl(var(--primary) / 0.28);
+    border-color: hsl(var(--primary) / 0.35);
+    box-shadow: 0 0 0 2px hsl(var(--primary) / 0.1);
 }
 
 .react-flow__node .react-flow__handle {