From 957ddf9690e5df981cdff54846ea89310b04065b Mon Sep 17 00:00:00 2001
From: Ali Waseem <waseema393@gmail.com>
Date: Mon, 6 Apr 2026 09:07:51 -0600
Subject: [PATCH] fix(studio): fix DataGrid not rendering in Firefox by
 removing h-full

The DataGrid had className="h-full flex-grow" which overrides its default
block-size of 350px. In the AI assistant context, the parent chain has no
concrete height (ReportBlockContainer's h-full resolves to auto). Firefox
strictly resolves height: 100% of auto to 0, causing the grid to collapse.
Removing h-full lets the default 350px act as intrinsic height while
flex-grow still fills available space in contexts with concrete parent
heights (SQL editor).
---
 .../components/interfaces/SQLEditor/UtilityPanel/Results.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/Results.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/Results.tsx
index 48679c22278..13d52505eb3 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/Results.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/Results.tsx
@@ -147,7 +147,7 @@ const Results = ({ rows }: { rows: readonly any[] }) => {
           <DataGrid
             columns={columns}
             rows={rows}
-            className="h-full flex-grow border-t-0"
+            className="flex-grow border-t-0"
             rowClass={() => '[&>.rdg-cell]:items-center'}
             onSelectedCellChange={setCellPosition}
             onCellKeyDown={handleCopyCell}