Ion select items cropped

I have an ion option that will display a list,

my problem when the list is composed by many items, the name of the items get cropped, in this exemple it should display TestTaieb.

like this:

enter image description here


  <ion-item *ngIf="test.length === 1" class="card test-select">
    <ion-select interface="popover" [(ngModel)]="selectedId">
      <ion-option item-right *ngFor="let test of tests" [value]="test._id">{{ }}</ion-option>


page-test  .test-select{
  flex: 9;
  height: 100%;
  max-height: 50px; 
  max-width: 350px;
  background-color: #F6F7FF;