From 56e3963c2226f2cb4704947914a2537a2abe94ed Mon Sep 17 00:00:00 2001
From: MytsV <mytsvictoria@gmail.com>
Date: Tue, 3 Sep 2024 12:12:01 +0300
Subject: [PATCH] Add min height to the table

So it doesn't collapse to infinite pages
---
 src/component-library/Table/RegularTable.tsx | 9 ++++++++-
 src/component-library/outputtailwind.css     | 4 ++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/component-library/Table/RegularTable.tsx b/src/component-library/Table/RegularTable.tsx
index 5c1c1e6a7..ae1a5636f 100644
--- a/src/component-library/Table/RegularTable.tsx
+++ b/src/component-library/Table/RegularTable.tsx
@@ -107,7 +107,14 @@ export const RegularTable = (props: RegularTableProps) => {
         whereas noRowsOverlayComponent is shown when the loading has started without data transactions */
     return (
         <>
-            <div className={twMerge(isDarkMode ? 'ag-grid-theme-rucio-dark' : 'ag-grid-theme-rucio-light', 'grid grow w-full', 'relative')}>
+            <div
+                className={twMerge(
+                    isDarkMode ? 'ag-grid-theme-rucio-dark' : 'ag-grid-theme-rucio-light',
+                    'grid grow w-full',
+                    'relative',
+                    'min-h-[300px]',
+                )}
+            >
                 {!isTableLoaded && <Skeleton className="absolute flex items-center justify-center w-full h-full rounded-b-none" />}
                 <AgGridReact
                     pagination={true}
diff --git a/src/component-library/outputtailwind.css b/src/component-library/outputtailwind.css
index 493a87f7f..240273d88 100644
--- a/src/component-library/outputtailwind.css
+++ b/src/component-library/outputtailwind.css
@@ -881,6 +881,10 @@ html {
   min-height: 0px;
 }
 
+.min-h-\[300px\] {
+  min-height: 300px;
+}
+
 .min-h-screen {
   min-height: 100vh;
 }