Как выровнять значок поиска и автозаполнение компонента в одной строке

Question

Я использую автозаполнение компонент в моем проекте, и я добавил поиск значок в качестве суффикса к компоненту, как показано на рисунке ниже

Я пытаюсь выровнять icon и autocomplete поля ввода компонента на той же строке, как эта.

Я не могу этого сделать. Вот ссылка stackblitz .

Answer 1

Используйте css:

mat-icon{
      position: relative;
    top: 7px;
}

Смотрите здесь: https://stackblitz.com/edit/angular-9ao75y-wtqj1n?file=app/autocomplete-filter-example.css