diff --git a/redisinsight/ui/src/pages/home/components/databases-list/DatabasesList.tsx b/redisinsight/ui/src/pages/home/components/databases-list/DatabasesList.tsx index 72280e35ee..68280d753b 100644 --- a/redisinsight/ui/src/pages/home/components/databases-list/DatabasesList.tsx +++ b/redisinsight/ui/src/pages/home/components/databases-list/DatabasesList.tsx @@ -40,7 +40,7 @@ const DatabasesList = () => { defaultPagination={getDefaultPagination()} onPaginationChange={handlePaginationChange} defaultSorting={DEFAULT_SORTING} - maxHeight="60rem" // this enables vertical scroll + style={{ maxHeight: '100%' }} /> diff --git a/redisinsight/ui/src/pages/home/styles.module.scss b/redisinsight/ui/src/pages/home/styles.module.scss index ae34acb2ec..d5a049e321 100644 --- a/redisinsight/ui/src/pages/home/styles.module.scss +++ b/redisinsight/ui/src/pages/home/styles.module.scss @@ -8,9 +8,14 @@ padding: 1px 16px 16px !important; :global { + .RI-page-body { + min-height: 0; + } + .homePage { - height: calc(100% - 60px); - overflow-y: auto; + flex: 1 1 auto; + min-height: 0; + overflow: hidden; /* Inset on all sides so table card chrome is not clipped by this scrollport */ padding: 1px; }