diff --git a/js/apps/admin-ui/src/authentication/components/modals/AddStepModal.tsx b/js/apps/admin-ui/src/authentication/components/modals/AddStepModal.tsx index 9c29bbce1d..27203aef58 100644 --- a/js/apps/admin-ui/src/authentication/components/modals/AddStepModal.tsx +++ b/js/apps/admin-ui/src/authentication/components/modals/AddStepModal.tsx @@ -90,16 +90,16 @@ export const AddStepModal = ({ name, type, onSelect }: AddStepModalProps) => { [], ); - const page = useMemo( - () => - localeSort(providers ?? [], mapByKey("displayName")) - .filter( - (p) => - p.displayName?.includes(search) || p.description?.includes(search), - ) - .slice(first, first + max + 1), - [providers, search, first, max], - ); + const page = useMemo(() => { + const normalizedSearch = search.trim().toLowerCase(); + return localeSort(providers ?? [], mapByKey("displayName")) + .filter( + ({ displayName, description }) => + displayName?.toLowerCase().includes(normalizedSearch) || + description?.toLowerCase().includes(normalizedSearch), + ) + .slice(first, first + max + 1); + }, [providers, search, first, max]); return (