From a29d9de6b003e3e470afb5be3cf9f3f25992119b Mon Sep 17 00:00:00 2001
From: Philipp Garbowsky <phil.garbowsky@philtech.dev>
Date: Thu, 28 Oct 2021 15:44:21 +0200
Subject: [PATCH] Changed the way the transform is applied to the edges group

---
 src/container/EdgeRenderer/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/container/EdgeRenderer/index.tsx b/src/container/EdgeRenderer/index.tsx
index 1fd7f766..21d7034f 100644
--- a/src/container/EdgeRenderer/index.tsx
+++ b/src/container/EdgeRenderer/index.tsx
@@ -208,13 +208,13 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
     connectionLineComponent,
     onlyRenderVisibleElements,
   } = props;
-  const transformStyle = `translate(${transform[0]},${transform[1]}) scale(${transform[2]})`;
+  const transformStyle = `translate(${transform[0]}px,${transform[1]}px) scale(${transform[2]})`;
   const renderConnectionLine = connectionNodeId && connectionHandleType;
 
   return (
     <svg width={width} height={height} className="react-flow__edges">
       <MarkerDefinitions color={arrowHeadColor} />
-      <g transform={transformStyle}>
+      <g style={{ transform: transformStyle }}>
         {edges.map((edge: Edge) => (
           <Edge
             key={edge.id}