From da779883a63484a01ac43c659fd55e99b5d2623e Mon Sep 17 00:00:00 2001
From: Sid <siddharth@usebruno.com>
Date: Fri, 15 May 2026 17:45:35 +0530
Subject: [PATCH] chore: change loader (#8009)

---
 .../bruno-app/src/components/RequestTabPanel/index.js     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RequestTabPanel/index.js b/packages/bruno-app/src/components/RequestTabPanel/index.js
index f86004ea5..e90f03ef9 100644
--- a/packages/bruno-app/src/components/RequestTabPanel/index.js
+++ b/packages/bruno-app/src/components/RequestTabPanel/index.js
@@ -43,6 +43,7 @@ import GlobalEnvironmentSettings from 'components/Environments/GlobalEnvironment
 import OpenAPISyncTab from 'components/OpenAPISyncTab';
 import OpenAPISpecTab from 'components/OpenAPISpecTab';
 import CollapsedPanelIndicator from './CollapsedPanelIndicator';
+import { IconLoader2 } from '@tabler/icons';
 
 const MIN_LEFT_PANE_WIDTH = 300;
 const MIN_RIGHT_PANE_WIDTH = 490;
@@ -299,7 +300,12 @@ const RequestTabPanel = () => {
   }
 
   if (!activeTabUid || !focusedTab) {
-    return <div className="pb-4 px-4">Loading...</div>;
+    return (
+      <div className="flex flex-col items-center justify-center h-full gap-3 text-muted">
+        <IconLoader2 className="animate-spin" size={24} strokeWidth={1.5} />
+        <span>Loading...</span>
+      </div>
+    );
   }
 
   if (focusedTab.type === 'global-environment-settings') {