diff --git a/src/index.css b/src/index.css
index b2a1fb9..bc44168 100644
--- a/src/index.css
+++ b/src/index.css
@@ -96,3 +96,16 @@ body,
 .graph-section > div {
   flex: 1;
 }
+
+/* Override ReactFlow edge colors for better visibility */
+.react-flow {
+  --xy-edge-stroke-default: #111827;
+  --xy-edge-stroke-width-default: 2;
+  --xy-edge-stroke-selected-default: #ef4444;
+}
+
+.react-flow.dark {
+  --xy-edge-stroke-default: #e5e7eb;
+  --xy-edge-stroke-width-default: 2;
+  --xy-edge-stroke-selected-default: #ef4444;
+}
diff --git a/src/main.jsx b/src/main.jsx
index 51c4898..155dfd9 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,6 +2,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>