From 0990c4772c03a32e1725f59bd7cd840fa2efe3ec Mon Sep 17 00:00:00 2001
From: Ollie Halliday <22655069+Hallidayo@users.noreply.github.com>
Date: Thu, 23 Mar 2023 16:50:29 +0000
Subject: [PATCH] changed Select to Listbox

---
 .../Organization/TeamSettings/InviteMemberButton.tsx  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/studio/components/interfaces/Organization/TeamSettings/InviteMemberButton.tsx b/studio/components/interfaces/Organization/TeamSettings/InviteMemberButton.tsx
index 8dd437ebe3d..b1d77f2e151 100644
--- a/studio/components/interfaces/Organization/TeamSettings/InviteMemberButton.tsx
+++ b/studio/components/interfaces/Organization/TeamSettings/InviteMemberButton.tsx
@@ -2,7 +2,7 @@ import { isNil } from 'lodash'
 import { useEffect, useState } from 'react'
 import { object, string } from 'yup'
 import * as Tooltip from '@radix-ui/react-tooltip'
-import { Button, Form, IconMail, Input, Modal, Select } from 'ui'
+import { Button, Form, IconMail, Input, Listbox, Modal } from 'ui'
 
 import { Member, Role } from 'types'
 import { checkPermissions, useParams, useStore } from 'hooks'
@@ -153,7 +153,7 @@ const InviteMemberButton = ({
                     <div className="space-y-4">
                       <div className="space-y-2">
                         {roles && (
-                          <Select
+                          <Listbox
                             id="role"
                             name="role"
                             label="Member role"
@@ -164,14 +164,15 @@ const InviteMemberButton = ({
                             }
                           >
                             {roles.map((role: any) => (
-                              <Select.Option key={role.id} value={role.id}>
+                              <Listbox.Option key={role.id} value={role.id} label={role.name}>
                                 {role.name}
-                              </Select.Option>
+                              </Listbox.Option>
                             ))}
-                          </Select>
+                          </Listbox>
                         )}
                       </div>
 
+
                       <Input
                         autoFocus
                         id="email"