diff --git a/space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx b/space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
index d45a534ac..5fc8086da 100644
--- a/space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
+++ b/space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
@@ -21,7 +21,7 @@ const ConnectionLineComponent = ({
 				fill="none"
 				stroke="#222"
 				strokeWidth={1.5}
-				className="animated"
+				className="animated dark:stroke-gray-400"
 				d={`M${fromX},${fromY} C ${fromX} ${toY} ${fromX} ${toY} ${toX},${toY}`}
 				style={connectionLineStyle}
 			/>
@@ -31,6 +31,7 @@ const ConnectionLineComponent = ({
 				fill="#fff"
 				r={3}
 				stroke="#222"
+				className="dark:stroke-gray-400 dark:fill-gray-800"
 				strokeWidth={1.5}
 			/>
 		</g>