diff --git a/src/apps/talent-search/src/components/search-input/SearchInput.module.scss b/src/apps/talent-search/src/components/search-input/SearchInput.module.scss index 072e1ad26..0485baa78 100644 --- a/src/apps/talent-search/src/components/search-input/SearchInput.module.scss +++ b/src/apps/talent-search/src/components/search-input/SearchInput.module.scss @@ -37,3 +37,7 @@ color: inherit; } } + +.maxLimit { + font-size: 14px; +} diff --git a/src/apps/talent-search/src/components/search-input/SearchInput.tsx b/src/apps/talent-search/src/components/search-input/SearchInput.tsx index 39bffe0bc..3335905ad 100644 --- a/src/apps/talent-search/src/components/search-input/SearchInput.tsx +++ b/src/apps/talent-search/src/components/search-input/SearchInput.tsx @@ -50,19 +50,26 @@ const SearchInput: FC = props => { ), [props.onSearch, emsiSkills]) return ( - +
+ + {emsiSkills.length >= SKILL_SEARCH_LIMIT && ( +
+ You can only search up to 10 skills at one time +
+ )} +
) }