From 1b4175418818bf8cec76be01264cfebb204d4314 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 10 Oct 2022 14:41:27 +0300
Subject: [PATCH] Setting 0 height as an inline style

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../cluster/__snapshots__/cluster-modal-items.test.tsx.snap     | 2 ++
 src/renderer/cluster-modals/cluster-modals.module.css           | 1 -
 src/renderer/cluster-modals/cluster-modals.tsx                  | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
index b90f0b14a3..f4efc1e286 100644
--- a/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`cluster modal elements given custom cluster modal available renders 1`]
 <div>
   <div
     class="clusterModals"
+    style="height: 0px;"
   >
     <div
       data-testid="test-modal"
@@ -521,6 +522,7 @@ exports[`cluster modal elements given custom cluster modal not available renders
 <div>
   <div
     class="clusterModals"
+    style="height: 0px;"
   />
   <div
     class="Notifications flex column align-flex-end"
diff --git a/src/renderer/cluster-modals/cluster-modals.module.css b/src/renderer/cluster-modals/cluster-modals.module.css
index 849827857b..e054b27679 100644
--- a/src/renderer/cluster-modals/cluster-modals.module.css
+++ b/src/renderer/cluster-modals/cluster-modals.module.css
@@ -1,4 +1,3 @@
 .clusterModals {
-  height: 0;
   overflow: visible;
 }
\ No newline at end of file
diff --git a/src/renderer/cluster-modals/cluster-modals.tsx b/src/renderer/cluster-modals/cluster-modals.tsx
index ded19232cf..7279f1a71e 100644
--- a/src/renderer/cluster-modals/cluster-modals.tsx
+++ b/src/renderer/cluster-modals/cluster-modals.tsx
@@ -15,7 +15,7 @@ interface Dependencies {
 
 export const NonInjectedClusterModals = ({ clusterModals }: Dependencies) => {
   return (
-    <div className={styles.clusterModals}>
+    <div className={styles.clusterModals} style={{ height: 0 }}>
       {clusterModals.map((modal) => {
         return modal.visible ? <modal.Component key={modal.id} /> : null;
       })}