Merge pull request #5252 from xyflow/fix/panel-position

Fix/panel position

.changeset/itchy-pumas-share.md

@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+Center panel correctly when bottom-center or top-center position is used

packages/system/src/styles/init.css

@@ -282,7 +282,7 @@ svg.xy-flow__connectionline {
   &.bottom {
     &.center {
       left: 50%;
-      transform: translateX(-50%);
+      transform: translateX(-15px) translateX(-50%);
     }
   }
 
@@ -298,7 +298,7 @@ svg.xy-flow__connectionline {
   &.right {
     &.center {
       top: 50%;
-      transform: translateY(-50%);
+      transform: translateY(-15px) translateY(-50%);
     }
   }
 }