diff --git a/demo/demo.html b/demo/demo.html
index aa1f948..0ed883c 100644
--- a/demo/demo.html
+++ b/demo/demo.html
@@ -65,9 +65,9 @@ <h1>Holy grail demo</h1>
     <div ui-layout class="layout-mock">
       <header class="north-back"></header>
       <ui-layout options="{ flow : 'column' }">
-        <sidebar class="east-back"></sidebar>
-        <div class="center-back"></div>
         <sidebar class="west-back"></sidebar>
+        <div class="center-back"></div>
+        <sidebar class="east-back"></sidebar>
       </ui-layout>
       <footer class="south-back"></footer>
     </div>
@@ -94,9 +94,9 @@ <h1>Holy grail demo</h1>
 <pre class="prettyprint">&lt;div ui-layout class=&quot;layout-mock&quot;&gt;
   &lt;header class=&quot;north-back&quot;&gt;&lt;/header&gt;
   &lt;ui-layout options=&quot;{ flow : &#39;column&#39; }&quot;&gt;
-    &lt;sidebar class=&quot;east-back&quot;&gt;&lt;/sidebar&gt;
-    &lt;div class=&quot;center-back&quot;&gt;&lt;/div&gt;
     &lt;sidebar class=&quot;west-back&quot;&gt;&lt;/sidebar&gt;
+    &lt;div class=&quot;center-back&quot;&gt;&lt;/div&gt;
+    &lt;sidebar class=&quot;east-back&quot;&gt;&lt;/sidebar&gt;
   &lt;/ui-layout&gt;
   &lt;footer class=&quot;south-back&quot;&gt;&lt;/footer&gt;
 &lt;/div&gt;</pre>