From 40187e4284b5673b7ff5b7b8df56eaafb87fd3d1 Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Fri, 29 Aug 2025 14:08:18 +0000
Subject: [PATCH] fix: ensure consistent blue border color for selected nodes

- Made border color consistent across light/dark modes (always blue-500)
- Added transparent border to unselected rows to prevent layout shift
- This ensures all selected rows show the same blue indicator
---
 frontend-modern/src/components/shared/NodeSummaryTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/shared/NodeSummaryTable.tsx b/frontend-modern/src/components/shared/NodeSummaryTable.tsx
index 1cfa36ea7..92548d3b5 100644
--- a/frontend-modern/src/components/shared/NodeSummaryTable.tsx
+++ b/frontend-modern/src/components/shared/NodeSummaryTable.tsx
@@ -175,8 +175,8 @@ export const NodeSummaryTable: Component<NodeSummaryTableProps> = (props) => {
                   <tr 
                     class={`hover:bg-gray-50 dark:hover:bg-gray-700/30 cursor-pointer transition-colors ${
                       isSelected() 
-                        ? 'bg-blue-50 dark:bg-blue-900/20 border-l-4 border-l-blue-500 dark:border-l-blue-400' 
-                        : ''
+                        ? 'bg-blue-50 dark:bg-blue-900/20 border-l-4 border-l-blue-500 dark:border-l-blue-500' 
+                        : 'border-l-4 border-l-transparent'
                     }`}
                     onClick={() => props.onNodeClick(nodeId, item.type)}
                   >