diff --git a/src/components/Attendees/PeopleSearch.tsx b/src/components/Attendees/PeopleSearch.tsx index 86f3585..7458509 100644 --- a/src/components/Attendees/PeopleSearch.tsx +++ b/src/components/Attendees/PeopleSearch.tsx @@ -161,14 +161,13 @@ export function PeopleSearch({ (params: AutocompleteRenderInputParams) => { const inputProps = { ...params.InputProps, - startAdornment: ( - <> - - {params.InputProps.startAdornment} - + startAdornment: params.InputProps.startAdornment ? ( + params.InputProps.startAdornment + ) : ( + ), endAdornment: ( <> @@ -309,8 +308,8 @@ export function PeopleSearch({ }, }} // When render input is custom, the adornments should be handled by the custom component - forcePopupIcon={!customRenderInput} - disableClearable={!!customRenderInput} + forcePopupIcon={false} + disableClearable renderInput={(params) => customRenderInput ? customRenderInput(params, query, setQuery)