diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index c06ef8e9e..391e535d5 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -11,6 +11,7 @@ const { Option } = Select;
 
 interface CreateKeyProps {
   userID: string;
+  userRole: string;
   accessToken: string;
   data: any[] | null;
   setData: React.Dispatch<React.SetStateAction<any[] | null>>;
@@ -18,6 +19,7 @@ interface CreateKeyProps {
 
 const CreateKey: React.FC<CreateKeyProps> = ({
   userID,
+  userRole,
   accessToken,
   data,
   setData,
@@ -80,45 +82,56 @@ const CreateKey: React.FC<CreateKeyProps> = ({
             name="key_alias"
           >
             <Input />
-          </Form.Item>
+            </Form.Item>
+            <Form.Item
+              label="Team ID"
+              name="team_id"
+            >
+              <Input placeholder="ai_team" />
+            </Form.Item>
 
-          <Form.Item
-            label="Models (Comma Separated). Eg: gpt-3.5-turbo,gpt-4"
-            name="models"
-          >
-            <Input placeholder="gpt-4,gpt-3.5-turbo" />
-          </Form.Item>
-          
+            <Form.Item
+              label="Description"
+              name="description"
+            >
+              <Input placeholder="ai_team" />
+            </Form.Item>
 
-          <Form.Item
-            label="Max Budget (USD)"
-            name="max_budget"
-          >
-            <InputNumber step={0.01} precision={2} width={200}/>
-          </Form.Item>
-          <Form.Item
-            label="Duration (eg: 30s, 30h, 30d)"
-            name="duration"
-          >
-            <Input />
-          </Form.Item>
-          <Form.Item
-            label="Team ID"
-            name="team_id"
-          >
-            <Input placeholder="ai_team" />
-          </Form.Item>
-          <Form.Item
-            label="Metadata"
-            name="metadata"
-          >
-            <Input.TextArea rows={4} placeholder="Enter metadata as JSON" />
-          </Form.Item>
-          <div style={{ textAlign: 'right', marginTop: '10px' }}>
-            <Button2 htmlType="submit">
-              Create Key
-            </Button2>
-          </div>
+          {userRole === 'App Owner' || userRole === 'Admin' ? (
+            <>
+            <Form.Item
+              label="Models (Comma Separated). Eg: gpt-3.5-turbo,gpt-4"
+              name="models"
+            >
+              <Input placeholder="gpt-4,gpt-3.5-turbo" />
+            </Form.Item>
+            
+
+            <Form.Item
+              label="Max Budget (USD)"
+              name="max_budget"
+            >
+              <InputNumber step={0.01} precision={2} width={200}/>
+            </Form.Item>
+            <Form.Item
+              label="Duration (eg: 30s, 30h, 30d)"
+              name="duration"
+            >
+              <Input />
+            </Form.Item>
+            <Form.Item
+              label="Metadata"
+              name="metadata"
+            >
+              <Input.TextArea rows={4} placeholder="Enter metadata as JSON" />
+            </Form.Item>
+            </>
+            ) : null}
+            <div style={{ textAlign: 'right', marginTop: '10px' }}>
+              <Button2 htmlType="submit">
+                Create Key
+              </Button2>
+              </div>
         </Form>
       </Modal>
       {apiKey && (
diff --git a/ui/litellm-dashboard/src/components/user_dashboard.tsx b/ui/litellm-dashboard/src/components/user_dashboard.tsx
index 560c30b6d..f8054751e 100644
--- a/ui/litellm-dashboard/src/components/user_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/user_dashboard.tsx
@@ -31,6 +31,8 @@ const UserDashboard = () => {
     switch (userRole.toLowerCase()) {
       case "app_owner":
         return "App Owner";
+      case "demo_app_owner":
+          return "AppOwner";
       case "admin":
         return "Admin";
       case "app_user":
@@ -104,12 +106,14 @@ const UserDashboard = () => {
       <Col numColSpan={1}>
         <ViewKeyTable
           userID={userID}
+          userRole={userRole}
           accessToken={accessToken}
           data={data}
           setData={setData}
         />
         <CreateKey
           userID={userID}
+          userRole={userRole}
           accessToken={accessToken}
           data={data}
           setData={setData}