From da89b09b0feb0a79982ff213b1a5fe09cb737de1 Mon Sep 17 00:00:00 2001
From: Maximilian Vorbrodt <maximilian.vorbrodt@hotmail.com>
Date: Sun, 18 Dec 2022 10:17:48 +0100
Subject: [PATCH] makes whole graph visible when loading page and does not grow
 on its own

Signed-off-by: Maximilian Vorbrodt <maximilian.vorbrodt@hotmail.com>
---
 .../src/components/GroupsExplorerContent/GroupsDiagram.tsx   | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
index 371548fb2e..fd1d5ba5fb 100644
--- a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
+++ b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
@@ -43,12 +43,11 @@ import useAsync from 'react-use/lib/useAsync';
 
 const useStyles = makeStyles((theme: BackstageTheme) => ({
   graph: {
-    height: '100%',
-    position: 'absolute',
     minHeight: '100%',
+    flex: 1,
   },
   graphWrapper: {
-    position: 'relative',
+    display: 'flex',
     height: '100%',
   },
   organizationNode: {