Ion-row grey line every row I put

I’ve got this grey line every time I use ion-row, can anyone provide me how to avoid having it?

<ion-row style="padding: 6px 12px 6px 0; background-color: white; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;" *ngIf="!select">
        <temperature-range [stepkeys]="false" [disabled]="!device.connected || userLimited || (valueUpdating && !demo)" [min]="0" [max]="255" [rangestep]="1" style="width: 100%; background-color: white;" [value]="device.getStatusValue('ColdWhiteLevelState')" (valueChange)="statusChanged($event, 'setColdWhite')"></temperature-range>
      </ion-row>

i think you should make border botom of ion-row none
ion-row{
border-bottom:none;
}

already tried that, is not working grey line still there.