From 232f9d288cf0b49ac6e2b3e0f1fa10817b5c874d Mon Sep 17 00:00:00 2001
From: Pranav Patil <110466571+21prnv@users.noreply.github.com>
Date: Wed, 19 Mar 2025 20:01:05 +0530
Subject: [PATCH] fix: Loading indicator alignment in settings page (#20219)

* Fix: Loading indicator alignment in profile page

* Added animate spin class

---------

Co-authored-by: Tushar Bhatt <95581504+TusharBhatt1@users.noreply.github.com>
---
 packages/features/settings/appDir/SettingsHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/features/settings/appDir/SettingsHeader.tsx b/packages/features/settings/appDir/SettingsHeader.tsx
index eca1df85a2..6c0195416c 100644
--- a/packages/features/settings/appDir/SettingsHeader.tsx
+++ b/packages/features/settings/appDir/SettingsHeader.tsx
@@ -51,7 +51,7 @@ export default function Header({
           <div className="ms-auto flex-shrink-0">{CTA}</div>
         </div>
       </header>
-      <Suspense fallback={<Icon name="loader" />}>{children}</Suspense>
+      <Suspense fallback={<Icon name="loader" className="mx-auto my-5 animate-spin" />}>{children}</Suspense>
     </div>
   );
 }