From a0b823b1cab40bac2fd843f68bf0ceb14f9208ca Mon Sep 17 00:00:00 2001
From: Tejaaswini Narendra
 <67053685+tejaaswini-narendra@users.noreply.github.com>
Date: Mon, 17 Aug 2020 19:08:05 +0530
Subject: [PATCH] Fix: User management table height. (#324)

* fix: Table Height

* fix: update styles
---
 app/client/src/pages/organization/settings.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/client/src/pages/organization/settings.tsx b/app/client/src/pages/organization/settings.tsx
index f43bf87901..9faaf312bd 100644
--- a/app/client/src/pages/organization/settings.tsx
+++ b/app/client/src/pages/organization/settings.tsx
@@ -63,8 +63,16 @@ const StyledDropDown = styled.div`
 `;
 
 const StyledTableWrapped = styled(TableWrapper)`
-  min-height: 0px;
-  height: auto;
+  height: ${props => props.height}px;
+  overflow: visible;
+  .tableWrap {
+    height: ${props => props.height}px;
+  }
+  .table {
+    .tbody {
+      height: ${props => props.height}px;
+    }
+  }
 `;
 
 const StyledMenu = styled(Menu)`
@@ -182,7 +190,7 @@ export const OrgSettings = (props: PageProps) => {
     const tableDataLength =
       userTableData.length * TABLE_SIZES[CompactModeTypes.DEFAULT].ROW_HEIGHT +
       TABLE_SIZES[CompactModeTypes.DEFAULT].COLUMN_HEADER_HEIGHT;
-    return tableDataLength < 200 ? tableDataLength : 200;
+    return tableDataLength;
   }, [userTableData]);
 
   const columns = React.useMemo(() => {