Ionic build --prod -> CSS mixed up, e.g ion-padding-start

Hi,

when i publish with ionic build --prod, the css get mixed up.

E.g. ion-padding-start published with ionic build (without --prod)

CSS

OUTPUT

and here published with ionic build --prod

CSS

OUTPUT

THX for any advice

Ionic:

   Ionic CLI                     : 6.14.1 (/Users/aj/.nvm/versions/node/v16.1.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.6.7
   @angular-devkit/build-angular : 0.1102.11
   @angular-devkit/schematics    : 11.2.11
   @angular/cli                  : 11.2.11
   @ionic/angular-toolkit        : 3.1.1

Capacitor:

   Capacitor CLI   : 2.4.7
   @capacitor/core : 2.4.7

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.3.0) : 1.1.0

System:

   NodeJS : v16.1.0 (/Users/aj/.nvm/versions/node/v16.1.0/bin/node)
   npm    : 7.12.0
   OS     : macOS Big Sur

This was a Bug in Angular i think. Are u using Version 11.2.11? Read here: bug: angular 11.2.11, styles being reordered when doing a production build · Issue #23266 · ionic-team/ionic-framework · GitHub

it works, thank you! :slight_smile: