diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4b54bebc4..eade62691 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+### Fixed
+
+-   React flow v12:
+    -   add missing styles from react flow library to ensure proper functionality of new connection lines
+
 ## [24.3.0] - 2025-06-05
 
 ### Added
diff --git a/package.json b/package.json
index 1a73b18be..f574f40d9 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "24.3.0",
+    "version": "24.3.1",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
diff --git a/src/extensions/react-flow/_react-flow_v12.scss b/src/extensions/react-flow/_react-flow_v12.scss
index 1100851b7..9f3dd31e0 100644
--- a/src/extensions/react-flow/_react-flow_v12.scss
+++ b/src/extensions/react-flow/_react-flow_v12.scss
@@ -1,5 +1,12 @@
-.react-flow .react-flow__edges svg {
+// needed styles from "@xyflow/react/dist/style.css" to ensure proper functionality
+svg.react-flow__connectionline {
+    position: absolute;
+    z-index: 1001;
     overflow: visible;
+}
+
+.react-flow .react-flow__edges svg {
     position: absolute;
+    overflow: visible;
     pointer-events: none;
 }