Ion-item text not cutting a long line (text-overflow) properly in production

Hello guys, i have a different result while developing and in production, when I use ionic serve everything looks ok, the text in ion-item wrapping properly as expected, but when in production ionic cordova build android --prod --release everything is a mess, no padding, no text-wrapping. . . am I missing something or this is a bug? Anyone ever facing this problem?
Using ionic serve

In production ionic cordova build android --prod --release

<ion-header no-shadow no-border>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    <ion-title>All Calculation</ion-title>
<ion-content no-padding>
    <ion-item-sliding *ngFor="let i of data._data">
      <button ion-item (click)="goToEditor(i)">
       <p >{{i?.note}}</p>
      <ion-item-options side="right">
        <button ion-button color="primary" (click)="renameNote(i)">
        <ion-icon name="mail"></ion-icon>
        <button ion-button color="danger" (click)="removeNote(i)">
        <ion-icon name="trash"></ion-icon>
  <ion-fab bottom right>
    <button ion-fab (click)="newNote()"><ion-icon large name="add"></ion-icon></button>
  <div *ngIf="data._data.length == 0" class="no-list" text-center>
    You have no calculation yet, Make one with the big plus button in the bottom right.

Ionic Info

cli packages: (/media/ujang/Boice/Proyek/mathpad/node_modules)

    @ionic/cli-plugin-cordova       : 1.6.2
    @ionic/cli-plugin-ionic-angular : 1.4.1
    @ionic/cli-utils                : 1.7.0
    ionic (Ionic CLI)               : 3.7.0

global packages:

    Cordova CLI : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.6.0


    Android SDK Tools : 25.2.3
    Node              : v7.6.0
    OS                : Linux 4.10
    npm               : 4.1.2 


I have to add this style to app.scss

.label-md {
  margin: 13px 8px 13px 0;

ion-label {
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;

in the production build, the ion-label and .label-md style is missing in main.css.