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)