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>
   );
 }