From 7718af14a15ee687283e83bb7b7b8afe484d4286 Mon Sep 17 00:00:00 2001
From: srikanth597 <32018044+srikanth597@users.noreply.github.com>
Date: Mon, 7 Oct 2024 17:08:11 +0530
Subject: [PATCH] fix(ui): adjust transform origin in application resource tree
 (#20180)

Signed-off-by: srikanth597 <alapatisrikanth597@gmail.com>
---
 .../application-resource-tree/application-resource-tree.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/app/applications/components/application-resource-tree/application-resource-tree.tsx b/ui/src/app/applications/components/application-resource-tree/application-resource-tree.tsx
index 0e0dfb9ac12a4..bb8abb63eb2d5 100644
--- a/ui/src/app/applications/components/application-resource-tree/application-resource-tree.tsx
+++ b/ui/src/app/applications/components/application-resource-tree/application-resource-tree.tsx
@@ -1257,7 +1257,7 @@ export const ApplicationResourceTree = (props: ApplicationResourceTreeProps) =>
                 onPointerUp={onGraphDragEnd}
                 onPointerLeave={onGraphDragEnd}
                 className={classNames('application-resource-tree', {'application-resource-tree--network': props.useNetworkingHierarchy})}
-                style={{width: size.width + 150, height: size.height + 250, transformOrigin: '0% 0%', transform: `scale(${props.zoom})`}}>
+                style={{width: size.width + 150, height: size.height + 250, transformOrigin: '0% 4%', transform: `scale(${props.zoom})`}}>
                 {graphNodes.map(key => {
                     const node = graph.node(key);
                     const nodeType = node.type;