fix: SQL Lab tab content padding (#38561)

michael-s-molina · michael-s-molina · commit 224a92234174 · 2026-03-10T11:45:24.000-03:00
(cherry picked from commit bde48e5)
diff --git a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
@@ -118,7 +118,7 @@ export interface ResultSetProps {
 const ResultContainer = styled.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${({ theme }) => theme.sizeUnit * 2}px;
+  row-gap: ${({ theme }) => theme.sizeUnit * 3}px;
   height: 100%;
 `;
 
diff --git a/superset-frontend/src/SqlLab/components/SouthPane/index.tsx b/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
@@ -63,6 +63,7 @@ const TABS_KEYS = {
 const StyledPane = styled.div`
   width: 100%;
   height: 100%;
+
   .ant-tabs .ant-tabs-content-holder {
     overflow: visible;
   }
@@ -79,6 +80,7 @@ const StyledPane = styled.div`
       ${({ theme }) => theme.sizeUnit * 2}px;
   }
   .ant-tabs-tabpane {
+    padding-top: ${({ theme }) => theme.sizeUnit * 3}px;
     .scrollable {
       overflow-y: auto;
     }

Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,7 @@ const TABS_KEYS = {`
`63`	`63`	const StyledPane = styled.div`
`64`	`64`	`width: 100%;`
`65`	`65`	`height: 100%;`
	`66`	`+`
`66`	`67`	`.ant-tabs .ant-tabs-content-holder {`
`67`	`68`	`overflow: visible;`
`68`	`69`	`}`
@@ -79,6 +80,7 @@ const StyledPane = styled.div`
`79`	`80`	`${({ theme }) => theme.sizeUnit * 2}px;`
`80`	`81`	`}`
`81`	`82`	`.ant-tabs-tabpane {`
	`83`	`+ padding-top: ${({ theme }) => theme.sizeUnit * 3}px;`
`82`	`84`	`.scrollable {`
`83`	`85`	`overflow-y: auto;`
`84`	`86`	`}`