From 8947eb968024e2eb18167b6fc18ce7f66f6cb90b Mon Sep 17 00:00:00 2001
From: Smart-Codi <codemaster08240328@gmail.com>
Date: Thu, 24 Mar 2022 18:53:43 -0400
Subject: [PATCH] fix: Remove gap from SQLLab results bottom (#19138)

* Remove gap from SQLLab results bottom

* resolve comment
---
 superset-frontend/src/SqlLab/components/SouthPane/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/SqlLab/components/SouthPane/index.tsx b/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
index 3fb0f9c5261e..afdb13e6f7fb 100644
--- a/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
@@ -94,6 +94,7 @@ const StyledPane = styled.div`
   }
 `;
 
+const EXTRA_HEIGHT_RESULTS = 24; // we need extra height in RESULTS tab. because the height from props was calculated based on PREVIEW tab.
 const StyledEmptyStateWrapper = styled.div`
   height: 100%;
   .ant-empty-image img {
@@ -164,7 +165,7 @@ export default function SouthPane({
             query={latestQuery}
             actions={actions}
             user={user}
-            height={innerTabContentHeight}
+            height={innerTabContentHeight + EXTRA_HEIGHT_RESULTS}
             database={databases[latestQuery.dbId]}
             displayLimit={displayLimit}
             defaultQueryLimit={defaultQueryLimit}