From 56137d268bcd9c3fff4f4c6315e050510c4f58dd Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Fri, 10 Jan 2025 03:16:16 +0100
Subject: [PATCH] fix nesting issue

---
 .../AccountSettings/SecurityContent.tsx       | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
index a27b8f813a..7ed59d3494 100644
--- a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
+++ b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
@@ -267,17 +267,17 @@ function ProviderSection({
       <Grid.Col span={6}>
         <Stack>
           <Text>Add SSO Account</Text>
-          <Text>
-            {availableProviders === undefined ? (
+          {availableProviders === undefined ? (
+            <Text>
               <Trans>Loading</Trans>
-            ) : (
-              <Stack gap='xs'>
-                {availableProviders.map((provider: any) => (
-                  <ProviderButton key={provider.id} provider={provider} />
-                ))}
-              </Stack>
-            )}
-          </Text>
+            </Text>
+          ) : (
+            <Stack gap='xs'>
+              {availableProviders.map((provider: any) => (
+                <ProviderButton key={provider.id} provider={provider} />
+              ))}
+            </Stack>
+          )}
         </Stack>
       </Grid.Col>
     </Grid>