diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index 129e2fd3aa..dc25e406d2 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -9,8 +9,8 @@
       "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.1.1.tgz"
     },
     "PrettyCSS": {
-      "version": "0.3.10-popcode.1",
-      "resolved": "git://github.com/popcodeorg/PrettyCSS.git#cb63676363405b0dadaa4e42376ab86ce5dafc58"
+      "version": "0.3.10-popcode.2",
+      "resolved": "git://github.com/popcodeorg/PrettyCSS.git#80c44114d1a4eea78252aa1371dffc600241337e"
     },
     "abbrev": {
       "version": "1.0.7",
diff --git a/package.json b/package.json
index 650af6c444..085caa6d67 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
   "bugs": "https://trello.com/b/ONaFg6wh/popcode",
   "license": "MIT",
   "dependencies": {
-    "PrettyCSS": "popcodeorg/PrettyCSS#v0.3.10-popcode.1",
+    "PrettyCSS": "popcodeorg/PrettyCSS#v0.3.10-popcode.2",
     "base64-js": "^1.0.2",
     "bowser": "^1.4.1",
     "brace": "^0.8.0",
diff --git a/spec/examples/validations/css.spec.js b/spec/examples/validations/css.spec.js
index d870746f9b..09286c23d5 100644
--- a/spec/examples/validations/css.spec.js
+++ b/spec/examples/validations/css.spec.js
@@ -19,8 +19,18 @@ function assertFailsCssValidationWith(source, ...errors) {
 describe('css', () => {
   it('allows valid flexbox', () =>
     assertPassesCssValidation(`
-      .flex-container { display: flex; }
-      .flex-item { flex: 1 0 auto; }
+      .flex-container {
+        display: flex;
+        flex-flow: nowrap column;
+        align-content: flex-end;
+        justify-content: flex-start;
+        align-items: center;
+      }
+      .flex-item {
+        flex: 1 0 auto;
+        align-self: flex-end;
+        order: 2;
+      }
     `)
   );