diff --git a/src/playground/blocks-only.jsx b/src/playground/blocks-only.jsx
index 1a72e267b..d08e73337 100644
--- a/src/playground/blocks-only.jsx
+++ b/src/playground/blocks-only.jsx
@@ -27,7 +27,7 @@ const BlocksOnly = props => (
     </GUI>
 );
 
-const App = HashParserHOC(AppStateHOC(BlocksOnly));
+const App = AppStateHOC(HashParserHOC(BlocksOnly));
 
 const appTarget = document.createElement('div');
 document.body.appendChild(appTarget);
diff --git a/src/playground/compatibility-testing.jsx b/src/playground/compatibility-testing.jsx
index 3209131c3..e5977a8d2 100644
--- a/src/playground/compatibility-testing.jsx
+++ b/src/playground/compatibility-testing.jsx
@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom';
 import GUI from '../containers/gui.jsx';
 import HashParserHOC from '../lib/hash-parser-hoc.jsx';
 import AppStateHOC from '../lib/app-state-hoc.jsx';
-const WrappedGui = HashParserHOC(AppStateHOC(GUI));
+const WrappedGui = AppStateHOC(HashParserHOC(GUI));
 
 
 const DEFAULT_PROJECT_ID = '10015059';
diff --git a/src/playground/player.jsx b/src/playground/player.jsx
index eb04a790d..2235bbac7 100644
--- a/src/playground/player.jsx
+++ b/src/playground/player.jsx
@@ -58,8 +58,8 @@ const ConnectedPlayer = connect(
 // the hierarchy of HOC constructor calls clearer here; it has nothing to do with redux's
 // ability to compose reducers.
 const WrappedPlayer = compose(
-    HashParserHOC,
     AppStateHOC,
+    HashParserHOC,
     TitledHOC
 )(ConnectedPlayer);