From 86e2dd78c1211f616178ce6b51164c0425ca57dc Mon Sep 17 00:00:00 2001
From: Janhavi Alekar <97527096+JanhaviAlekar@users.noreply.github.com>
Date: Fri, 2 Aug 2024 10:15:45 +0530
Subject: [PATCH] fix ususual space around project selection card (#4676)

* fix ususual space around project selection card

Signed-off-by: JanhaviAlekar <janhavialekar@gmail.com>

* Removed .grow class

Signed-off-by: JanhaviAlekar <janhavialekar@gmail.com>

* removing grow class

Signed-off-by: JanhaviAlekar <janhavialekar@gmail.com>

---------

Signed-off-by: JanhaviAlekar <janhavialekar@gmail.com>
Signed-off-by: Janhavi Alekar <97527096+JanhaviAlekar@users.noreply.github.com>
Co-authored-by: Namkyu Park <53862866+namkyu1999@users.noreply.github.com>
---
 .../ProjectSelectorList.module.scss               |  3 ---
 .../ProjectSelectorList.module.scss.d.ts          |  1 -
 .../ProjectSelectorList/ProjectSelectorList.tsx   | 15 +++------------
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss
index 29b081416f3..de6d18cc875 100644
--- a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss
+++ b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss
@@ -4,9 +4,6 @@
 .gap-4 {
   gap: 1rem;
 }
-.grow {
-  flex-grow: 1;
-}
 .cardListContainer {
   display: grid;
   gap: 1rem;
diff --git a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss.d.ts b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss.d.ts
index a47cc7d3b06..00f810112a4 100644
--- a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss.d.ts
+++ b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.module.scss.d.ts
@@ -3,7 +3,6 @@ declare namespace ProjectSelectorListModuleScssNamespace {
     cardListContainer: string;
     gap2: string;
     gap4: string;
-    grow: string;
   }
 }
 
diff --git a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.tsx b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.tsx
index 81914555780..e247aa48904 100644
--- a/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.tsx
+++ b/chaoscenter/web/src/views/ProjectSelectorList/ProjectSelectorList.tsx
@@ -2,8 +2,6 @@ import React from 'react';
 import { Container, Layout, Text } from '@harnessio/uicore';
 import { Icon } from '@harnessio/icons';
 import { Color, FontVariation } from '@harnessio/design-system';
-import cx from 'classnames';
-import { auto } from '@popperjs/core';
 import { useStrings } from '@strings';
 import ProjectCard from '@components/ProjectCard';
 import Loader from '@components/Loader';
@@ -34,16 +32,12 @@ export default function ProjectSelectorListView({
           <Text font={{ variation: FontVariation.H5 }}>{getString('selectProject')}</Text>
           <Container margin={{ top: 'small' }}>{searchBar}</Container>
         </Container>
-        <Layout.Vertical
-          width="100%"
-          style={{ height: 'calc(100% - 96px)', overflow: auto }}
-          className={cx(styles.grow, styles.gap2)}
-        >
+        <Layout.Vertical width="100%" className={styles.gap2}>
           <Text font={{ variation: FontVariation.H6 }}>
             {getString('total')}: {projectList?.length ?? 0}
           </Text>
           {projectList && projectList.length > 0 ? (
-            <Container className={cx(styles.grow, styles.cardListContainer)}>
+            <Container className={styles.cardListContainer}>
               {projectList?.map(project => (
                 <ProjectCard key={project.projectID} data={project} />
               ))}
@@ -51,10 +45,7 @@ export default function ProjectSelectorListView({
           ) : (
             projectList?.length === 0 &&
             totalProjects !== 0 && (
-              <Layout.Vertical
-                className={cx(styles.grow, styles.gap2)}
-                flex={{ justifyContent: 'center', alignItems: 'center' }}
-              >
+              <Layout.Vertical className={styles.gap2} flex={{ justifyContent: 'center', alignItems: 'center' }}>
                 <Icon name="nav-project" size={50} />
                 <Text font={{ variation: FontVariation.BODY }}>
                   {getString('noProjectFoundMatchingSearch', { searchTerm })}