From c0f22d77227b163376e471d4d4f8991fb64e42e3 Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Thu, 26 Feb 2026 19:43:59 -0800
Subject: [PATCH] improvement(oauth): reordered oauth modal (#3368)

---
 .../credentials/credentials-manager.tsx       | 50 +++++++++----------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credentials/credentials-manager.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credentials/credentials-manager.tsx
index dab88c358b..f2f0a6a171 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credentials/credentials-manager.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credentials/credentials-manager.tsx
@@ -1138,31 +1138,6 @@ export function CredentialsManager({ onOpenChange }: CredentialsManagerProps) {
 
             {createType === 'oauth' ? (
               <div className='flex flex-col gap-[10px]'>
-                <div>
-                  <Label>
-                    Display name<span className='ml-1'>*</span>
-                  </Label>
-                  <Input
-                    value={createDisplayName}
-                    onChange={(event) => setCreateDisplayName(event.target.value)}
-                    placeholder='Secret name'
-                    autoComplete='off'
-                    data-lpignore='true'
-                    className='mt-[6px]'
-                  />
-                </div>
-                <div>
-                  <Label>Description</Label>
-                  <Textarea
-                    value={createDescription}
-                    onChange={(event) => setCreateDescription(event.target.value)}
-                    placeholder='Optional description'
-                    maxLength={500}
-                    autoComplete='off'
-                    data-lpignore='true'
-                    className='mt-[6px] min-h-[80px] resize-none'
-                  />
-                </div>
                 <div>
                   <Label>Account</Label>
                   <div className='mt-[6px]'>
@@ -1202,6 +1177,31 @@ export function CredentialsManager({ onOpenChange }: CredentialsManagerProps) {
                     />
                   </div>
                 </div>
+                <div>
+                  <Label>
+                    Display name<span className='ml-1'>*</span>
+                  </Label>
+                  <Input
+                    value={createDisplayName}
+                    onChange={(event) => setCreateDisplayName(event.target.value)}
+                    placeholder='Secret name'
+                    autoComplete='off'
+                    data-lpignore='true'
+                    className='mt-[6px]'
+                  />
+                </div>
+                <div>
+                  <Label>Description</Label>
+                  <Textarea
+                    value={createDescription}
+                    onChange={(event) => setCreateDescription(event.target.value)}
+                    placeholder='Optional description'
+                    maxLength={500}
+                    autoComplete='off'
+                    data-lpignore='true'
+                    className='mt-[6px] min-h-[80px] resize-none'
+                  />
+                </div>
               </div>
             ) : (
               <div className='flex flex-col gap-[10px]'>