From 62259f65c9e1cd45a79cc419d9a7ba3002701f20 Mon Sep 17 00:00:00 2001
From: Arek Nawo <areknawo@areknawo.com>
Date: Thu, 4 Jul 2024 20:10:24 +0200
Subject: [PATCH] fix: Center tokens loader

---
 apps/web/src/views/settings/api/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/views/settings/api/index.tsx b/apps/web/src/views/settings/api/index.tsx
index 7da0bae9..acbcc577 100644
--- a/apps/web/src/views/settings/api/index.tsx
+++ b/apps/web/src/views/settings/api/index.tsx
@@ -245,7 +245,14 @@ const APISection: SettingsSectionComponent = (props) => {
         </CollapsibleSection>
       </Show>
       <CollapsibleSection icon={mdiShieldKey} label="Access tokens">
-        <Show when={tokens().length || !loading()} fallback={<Loader />}>
+        <Show
+          when={tokens().length || !loading()}
+          fallback={
+            <div class="flex justify-center items-center w-full">
+              <Loader />
+            </div>
+          }
+        >
           <For each={tokens()} fallback={<p class="px-2 w-full text-start">No tokens found</p>}>
             {(token) => {
               return (