From 1a9de4956de12e5fd0664268a4eac6296d9c1161 Mon Sep 17 00:00:00 2001
From: Ashin Sabu <139749674+ashinsabu3@users.noreply.github.com>
Date: Thu, 30 Nov 2023 09:55:15 +0530
Subject: [PATCH] Fix extra space in application tree pod group (#16358)

Signed-off-by: Ashin Sabu <ashin.sabu@harness.io>
---
 .../application-resource-tree.tsx                    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

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 6f28a40ea5046..3d5b1782a0e0c 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
@@ -564,11 +564,13 @@ function renderPodGroup(props: ApplicationResourceTreeProps, id: string, node: R
             </div>
             <div className='application-resource-tree__node--lower-section'>
                 {[podGroupHealthy, podGroupDegraded, podGroupInProgress].map((pods, index) => {
-                    return (
-                        <div key={index} className={`application-resource-tree__node--lower-section__pod-group`}>
-                            {renderPodGroupByStatus(props, node, pods, showPodGroupByStatus)}
-                        </div>
-                    );
+                    if (pods.length > 0) {
+                        return (
+                            <div key={index} className={`application-resource-tree__node--lower-section__pod-group`}>
+                                {renderPodGroupByStatus(props, node, pods, showPodGroupByStatus)}
+                            </div>
+                        );
+                    }
                 })}
             </div>
         </div>