From d6d7cf8205cebe222806cdb329802ed317545661 Mon Sep 17 00:00:00 2001
From: kemal <hello@kemal.earth>
Date: Thu, 28 Aug 2025 13:06:47 +0100
Subject: [PATCH] style: add min height for chart area for better loading

---
 .../components/interfaces/QueryInsights/QueryMetricExplorer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/studio/components/interfaces/QueryInsights/QueryMetricExplorer.tsx b/apps/studio/components/interfaces/QueryInsights/QueryMetricExplorer.tsx
index 8306dd326ae..3e2f17fae38 100644
--- a/apps/studio/components/interfaces/QueryInsights/QueryMetricExplorer.tsx
+++ b/apps/studio/components/interfaces/QueryInsights/QueryMetricExplorer.tsx
@@ -315,7 +315,7 @@ export const QueryMetricExplorer = ({ startTime, endTime }: QueryMetricExplorerP
             <TabsContent_Shadcn_ value={selectedMetric} className="bg-surface-100 mt-0">
               <div className="p-4">
                 {isLoading ? (
-                  <div className="h-full flex items-center justify-center">
+                  <div className="h-full min-h-[264px] flex items-center justify-center">
                     <div className="text-sm text-foreground-lighter">Loading metrics...</div>
                   </div>
                 ) : chartData.data.length > 0 ? (