From 52e530bc8c5c4ef9def7e26799f62a89a3a51df0 Mon Sep 17 00:00:00 2001
From: Ryan Crabbe <rcrabbe@berkeley.edu>
Date: Sat, 7 Mar 2026 12:15:38 -0800
Subject: [PATCH] fix(ui): use icon prop on Save Changes button to fix
 duplicate loading spinner

Move SaveOutlined from button children to the icon prop so Ant Design
properly replaces it with a spinner during loading state.
---
 .../src/components/team/member_permissions.tsx                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/team/member_permissions.tsx b/ui/litellm-dashboard/src/components/team/member_permissions.tsx
index 167c3228d5..5bbd82f4a5 100644
--- a/ui/litellm-dashboard/src/components/team/member_permissions.tsx
+++ b/ui/litellm-dashboard/src/components/team/member_permissions.tsx
@@ -83,8 +83,8 @@ const MemberPermissions: React.FC<MemberPermissionsProps> = ({ teamId, accessTok
             <Button icon={<ReloadOutlined />} onClick={handleReset}>
               Reset
             </Button>
-            <Button onClick={handleSave} loading={saving} type="primary">
-              <SaveOutlined /> Save Changes
+            <Button onClick={handleSave} loading={saving} type="primary" icon={<SaveOutlined />}>
+              Save Changes
             </Button>
           </div>
         )}