diff --git a/packages/@angular/cli/plugins/cleancss-webpack-plugin.ts b/packages/@angular/cli/plugins/cleancss-webpack-plugin.ts
index d8b05baa79ec..9a3c008cf66e 100644
--- a/packages/@angular/cli/plugins/cleancss-webpack-plugin.ts
+++ b/packages/@angular/cli/plugins/cleancss-webpack-plugin.ts
@@ -37,7 +37,11 @@ export class CleanCssWebpackPlugin {
 
         const cleancss = new CleanCSS({
           compatibility: 'ie9',
-          level: 2,
+          // disables mergeIntoShorthands due to issue with merged style ordering
+          // see: https://github.com/jakubpawlowicz/clean-css/issues/1022
+          level: {
+            2: { mergeIntoShorthands: false }
+          },
           inline: false,
           returnPromise: true,
           sourceMap: this._options.sourceMap,