From 2bf46d9369743dd9a0f2b008540f88b7556ac283 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Wed, 28 Feb 2024 12:26:15 +0100
Subject: [PATCH] refactor: Information tooltip instances (#6375)

---
 frontend/src/component/application/ApplicationChart.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/application/ApplicationChart.tsx b/frontend/src/component/application/ApplicationChart.tsx
index fee9d4551e..466af48e43 100644
--- a/frontend/src/component/application/ApplicationChart.tsx
+++ b/frontend/src/component/application/ApplicationChart.tsx
@@ -50,6 +50,8 @@ const StyledEnvironmentBox = styled(Box)<{
         theme.palette[mode === 'success' ? 'secondary' : 'warning'].light,
     display: 'inline-block',
     padding: theme.spacing(1.5, 1.5, 1.5, 1.5),
+    zIndex: 1,
+    opacity: 0.9,
 }));
 
 const StyledDivider = styled(Divider)(({ theme }) => ({
@@ -60,8 +62,9 @@ const StyledDivider = styled(Divider)(({ theme }) => ({
 
 const StyledEnvironmentsContainer = styled(Box)({
     display: 'flex',
-    justifyContent: 'start',
-    gap: '20px',
+    justifyContent: 'center',
+    flexWrap: 'wrap',
+    gap: '60px 20px',
 });
 
 const EnvironmentHeader = styled(Typography)(({ theme }) => ({