diff --git a/apps/web/app/(dashboard)/settings/page.tsx b/apps/web/app/(dashboard)/settings/page.tsx
index 8f596ca..9c5d249 100644
--- a/apps/web/app/(dashboard)/settings/page.tsx
+++ b/apps/web/app/(dashboard)/settings/page.tsx
@@ -609,9 +609,8 @@ function SettingsPageContent() {
                                         onValueChange={(role) =>
                                           updateMemberRoleMutation.mutate({ memberId: member.id, role })
                                         }
-                                        disabled={updateMemberRoleMutation.isPending}
                                       >
-                                        <SelectTrigger className="w-28 h-8">
+                                        <SelectTrigger className="w-28 h-8" disabled={updateMemberRoleMutation.isPending}>
                                           <SelectValue />
                                         </SelectTrigger>
                                         <SelectContent>
diff --git a/apps/web/components/ui/select.tsx b/apps/web/components/ui/select.tsx
index 5d2a19a..ab0343a 100644
--- a/apps/web/components/ui/select.tsx
+++ b/apps/web/components/ui/select.tsx
@@ -60,7 +60,7 @@ export function Select({ value, onValueChange, children }: SelectProps) {
   );
 }
 
-interface SelectTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: React.ReactNode;
 }