Ion-input contain avatar icon at the end

Hey there, I have an input that calling the modal,
but only on this one page I found that there is a small icon like avatar at the end of slot.
tested on safari.

Below are the codes for this field.

        <ion-item class="custom" [button]="true" [detail]="false" id="select-country-company" [ngClass]="{'input-error': formSubmited && errorCtr.country.errors?.required}">
          <ion-input formControlName="country" type="text"
          label="{{ 'VIEWS.GUEST_DETAILS_COUNTRY' | translate }} {{isFieldRequired('country')? '*':''}}" mode="ios"
          labelPlacement="stacked">
          </ion-input>
          <div slot="end" style="font-size: 18px;right: 5px;top: 20px;position: absolute;">
            <ion-icon name="chevron-expand"></ion-icon>
          </div>
        </ion-item>
        <ion-modal trigger="select-country-company" #countryCompanyModal>
          <ng-template>
            <app-typeahead
              class="ion-page ion-text-center"
              title="{{ 'VIEWS.GUEST_DETAILS_COUNTRY' | translate }}"
              [items]="country"
              [searchable]="true"
              [selectedItems]="selectedCountryText"
              (selectionChange)="typeaheadSelectionChanged($event, 'country-company')"
              (selectionCancel)="countryCompanyModal.dismiss()"
            ></app-typeahead>
          </ng-template>
        </ion-modal>

I don’t know how to get rid of it as I did not found any element for this specific, hope you guys help, thanks in advance.