diff --git a/frontend/src/views/Project/MembersPage/components/IdentityTab/components/IdentityRoleForm/IdentityRbacSection.tsx b/frontend/src/views/Project/MembersPage/components/IdentityTab/components/IdentityRoleForm/IdentityRbacSection.tsx index 5855cc21d..ca7e31464 100644 --- a/frontend/src/views/Project/MembersPage/components/IdentityTab/components/IdentityRoleForm/IdentityRbacSection.tsx +++ b/frontend/src/views/Project/MembersPage/components/IdentityTab/components/IdentityRoleForm/IdentityRbacSection.tsx @@ -338,9 +338,10 @@ export const IdentityRbacSection = ({ identityProjectMember, onOpenUpgradeModal type="submit" className={twMerge( "transition-all", - "opacity-0", - roleForm.formState.isDirty && "opacity-100" + "opacity-0 cursor-default", + roleForm.formState.isDirty && "cursor-pointer opacity-100" )} + isDisabled={!roleForm.formState.isDirty} isLoading={roleForm.formState.isSubmitting} > Save Roles diff --git a/frontend/src/views/Project/MembersPage/components/MemberListTab/MemberRoleForm/MemberRbacSection.tsx b/frontend/src/views/Project/MembersPage/components/MemberListTab/MemberRoleForm/MemberRbacSection.tsx index fa9d8ae0f..04497c62c 100644 --- a/frontend/src/views/Project/MembersPage/components/MemberListTab/MemberRoleForm/MemberRbacSection.tsx +++ b/frontend/src/views/Project/MembersPage/components/MemberListTab/MemberRoleForm/MemberRbacSection.tsx @@ -335,9 +335,10 @@ export const MemberRbacSection = ({ projectMember, onOpenUpgradeModal }: Props) type="submit" className={twMerge( "transition-all", - "opacity-0", - roleForm.formState.isDirty && "opacity-100" + "opacity-0 cursor-default", + roleForm.formState.isDirty && "cursor-pointer opacity-100" )} + isDisabled={!roleForm.formState.isDirty} isLoading={roleForm.formState.isSubmitting} > Save Roles