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 (