title: ng-select server side loading icon incorrect placement
body: <p>I am using ng-select in my Angular 9 project to search and load server-side results. I followed the instructions from <a href="https://ng-select.github.io/ng-select#/search" rel="nofollow noreferrer">ng-select docs</a> and implemented it. When the user starts typing I see loading icon placement is slightly above(shown below). I am not using any extra style sheets or CSS rules. </p>
  
  <p>HTML:</p>
  
  <pre><code>          &lt;ng-select [items]="allPersons | async"
                             bindLabel="customName"
                             placeholder="Search for Person "
                             [hideSelected]="true"
                             [trackByFn]="trackByPersonFn"
                             [minTermLength]="2"
                             [loading]="personLoading"
                             typeToSearchText="Please enter 2 or more characters"
                             [typeahead]="personInput"
                             style="font-size: 14px"
                             (change)="fetchPersonInformation($event)"
                             [formControl]="personControl"&gt;
                  &lt;/ng-select&gt;
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>this.allPersons = concat(
    of([]), // default items
    this.personInput.pipe(
      distinctUntilChanged(),
      tap(() =&gt; this.personLoading = true),
      switchMap(term =&gt; this.personService.findPersonsBySearchString(environment.BASE_URL+PERSON_API_URL+'/find/search/'+term).pipe(
        tap(data =&gt;
        {
          this.personLoading = false;
        })
      ))
    )
  );
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/amvcH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/amvcH.png" alt="ng-select loading icon incorrect placement"></a> </p>