Ion-list didnt display correctly on my android device

encountered this problem with my android device

here’s some of my codes

<ion-card>
    <ion-card-header (click)="toggleGroup1(i)" [ngClass]="{active: isGroupShown1(i)}" padding class="header-color">
      News</ion-card-header>
        <ion-list *ngIf="isGroupShown1(i)">
          <button ion-item icon-left (click)="openWeb('http://www.fsktm.um.edu.my/')" class="contentcolor">
            <h3>News</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('http://www.fsktm.um.edu.my/')" class="contentcolor">
            <h3>Events</h3>
          </button>
        </ion-list>
    </ion-card>

    <ion-card>
    <ion-card-header (click)="toggleGroup4(i)" [ngClass]="{active: isGroupShown4(i)}"padding class="header-color">
      Student</ion-card-header>
        <ion-list *ngIf="isGroupShown4(i)">
          <button ion-item icon-left (click)="onLoad(studentPage)" class="contentcolor">
            <h3>Current Student</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('http://myum.um.edu.my/')" class="contentcolor">
            <h3>MyUM</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('https://www.facebook.com/PEKOM.UM')" class="contentcolor">
            <h3>PEKOM</h3>
          </button>
        </ion-list>
    </ion-card>

.contentcolor

.contentcolor{
      background-color: #d9c2d6;
  }