diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/AccessControlObject.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/AccessControlObject.tsx
index 58acddaca2269..f5b7305a566ea 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/AccessControlObject.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/AccessControlObject.tsx
@@ -2,8 +2,8 @@ import { IconX } from '@posthog/icons'
 import {
     LemonButton,
     LemonDialog,
+    LemonInputSelect,
     LemonSelect,
-    LemonSelectMultiple,
     LemonSelectProps,
     LemonTable,
 } from '@posthog/lemon-ui'
@@ -396,11 +396,10 @@ function AddItemsControls(props: {
     return (
         <div className="flex gap-2">
             <div className="min-w-[16rem]">
-                <LemonSelectMultiple
+                <LemonInputSelect
                     placeholder={props.placeholder}
                     value={items}
                     onChange={(newValues: string[]) => setItems(newValues)}
-                    filterOption={true}
                     mode="multiple"
                     options={props.options}
                 />
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/RolesAndResourceAccessControls.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/RolesAndResourceAccessControls.tsx
index 7d75b4efefa5a..6f112965ab630 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/RolesAndResourceAccessControls.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/access_control/RolesAndResourceAccessControls.tsx
@@ -2,9 +2,9 @@ import {
     LemonButton,
     LemonDialog,
     LemonInput,
+    LemonInputSelect,
     LemonModal,
     LemonSelect,
-    LemonSelectMultiple,
     LemonTable,
     LemonTableColumns,
     ProfileBubbles,
@@ -142,7 +142,7 @@ function RoleDetails({ roleId }: { roleId: string }): JSX.Element | null {
 
     const onSubmit = membersToAdd.length
         ? () => {
-              addMembersToRole(role, membersToAdd)
+              role && addMembersToRole(role, membersToAdd)
               setMembersToAdd([])
           }
         : undefined
@@ -162,11 +162,10 @@ function RoleDetails({ roleId }: { roleId: string }): JSX.Element | null {
             <div className="flex items-center gap-2 justify-between min-h-10">
                 <div className="flex items-center gap-2">
                     <div className="min-w-[16rem]">
-                        <LemonSelectMultiple
+                        <LemonInputSelect
                             placeholder="Search for members to add..."
                             value={membersToAdd}
                             onChange={(newValues: string[]) => setMembersToAdd(newValues)}
-                            filterOption={true}
                             mode="multiple"
                             options={usersLemonSelectOptions(
                                 membersNotInRole.map((member) => member.user),