diff --git a/ui/litellm-dashboard/src/components/CreateUserButton.tsx b/ui/litellm-dashboard/src/components/CreateUserButton.tsx
index 3a15fbd5055..d463ced08f6 100644
--- a/ui/litellm-dashboard/src/components/CreateUserButton.tsx
+++ b/ui/litellm-dashboard/src/components/CreateUserButton.tsx
@@ -259,12 +259,12 @@ export const CreateUserButton: React.FC<CreateuserProps> = ({
               {possibleUIRoles &&
                 Object.entries(possibleUIRoles).map(([role, { ui_label, description }]) => (
                   <SelectItem key={role} value={role} title={ui_label}>
-                    <div className="flex">
-                      {ui_label}{" "}
-                      <Text className="ml-2" style={{ color: "gray", fontSize: "12px" }}>
-                        {description}
-                      </Text>
-                    </div>
+                    <Text>
+                      {ui_label}
+                    </Text>
+                    <Text type="secondary">
+                      {" - "}{description}
+                    </Text>
                   </SelectItem>
                 ))}
             </Select2>