From a7c947f9dd577d60105e1b4e6d83d916e396063a Mon Sep 17 00:00:00 2001
From: Yuneng Jiang <yuneng@berri.ai>
Date: Wed, 15 Apr 2026 12:31:23 -0700
Subject: [PATCH] Move Send Invitation Email field directly below User Email in
 both forms

---
 .../src/components/CreateUserButton.tsx       | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/CreateUserButton.tsx b/ui/litellm-dashboard/src/components/CreateUserButton.tsx
index ed5b8f8f8f..cdfe9fa36e 100644
--- a/ui/litellm-dashboard/src/components/CreateUserButton.tsx
+++ b/ui/litellm-dashboard/src/components/CreateUserButton.tsx
@@ -202,6 +202,13 @@ export const CreateUserButton: React.FC<CreateuserProps> = ({
         <Form.Item label="User Email" name="user_email">
           <TextInput placeholder="" />
         </Form.Item>
+        <Form.Item
+          label="Send invitation email"
+          name="send_invite_email"
+          valuePropName="checked"
+        >
+          <Checkbox />
+        </Form.Item>
         <Form.Item label="User Role" name="user_role">
           <Select2>
             {possibleUIRoles &&
@@ -225,14 +232,6 @@ export const CreateUserButton: React.FC<CreateuserProps> = ({
           <Input.TextArea rows={4} placeholder="Enter metadata as JSON" />
         </Form.Item>
 
-        <Form.Item
-          label="Send invitation email"
-          name="send_invite_email"
-          valuePropName="checked"
-        >
-          <Checkbox />
-        </Form.Item>
-
         <div style={{ textAlign: "right", marginTop: "10px" }}>
           <Button htmlType="submit">Create User</Button>
         </div>
@@ -284,6 +283,13 @@ export const CreateUserButton: React.FC<CreateuserProps> = ({
           <Form.Item label="User Email" name="user_email">
             <Input />
           </Form.Item>
+          <Form.Item
+            label="Send invitation email"
+            name="send_invite_email"
+            valuePropName="checked"
+          >
+            <Checkbox />
+          </Form.Item>
           <Form.Item
             label={
               <span>
@@ -370,14 +376,6 @@ export const CreateUserButton: React.FC<CreateuserProps> = ({
             </AccordionBody>
           </Accordion>
 
-          <Form.Item
-            label="Send invitation email"
-            name="send_invite_email"
-            valuePropName="checked"
-          >
-            <Checkbox />
-          </Form.Item>
-
           <div style={{ textAlign: "right", marginTop: "10px" }}>
             <Button type="primary" icon={<UserAddOutlined />} htmlType="submit">
               Invite User