diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less
index ae997377..03a2334c 100644
--- a/client/assets/styles/menu.less
+++ b/client/assets/styles/menu.less
@@ -125,6 +125,7 @@ section {
         "vcons game";
 
     grid-template-columns: 1fr 1fr;
+    grid-template-rows: min-content 1fr;
 
     .colour-info {
         grid-area: vinfo;
@@ -141,6 +142,10 @@ section {
         }
     }
 
+    .vbox-demo {
+        grid-area: vinfo;
+    }
+
     .game-demo {
         grid-area: game;
 
diff --git a/client/src/components/demo.jsx b/client/src/components/demo.jsx
index 9452584d..b07d84de 100644
--- a/client/src/components/demo.jsx
+++ b/client/src/components/demo.jsx
@@ -106,33 +106,38 @@ function Demo(args) {
             );
         }
 
+        return (
+            <div class="news vbox-demo">
+                {inventoryElement()}
+            </div>
+        );
+    };
+
+    const vboxConstructs = () => {
         const btnClass = equipping
             ? 'equipping empty gray'
             : 'empty gray';
 
         return (
-            <div class="news">
-                {inventoryElement()}
-                <div class='construct-list'>
-                    {players[0].constructs.map((c, i) => (
-                        <div class="instance-construct" key={i}>
-                            <h2 class="name" >{c.name}</h2>
-                            <ConstructAvatar construct={c} />
-                            <div class="skills">
-                                {i === 0 && equipped
-                                    ? <button>Strike</button>
-                                    : <button disabled={!equipping} class={btnClass}>SKILL</button>
-                                }
-                                <button disabled={!equipping} class={btnClass}>SKILL</button>
-                                <button disabled={!equipping} class={btnClass}>SKILL</button>
-                            </div>
-                            <div class="specs">
-                            </div>
-                            <div class="stats">
-                            </div>
+            <div class='construct-list'>
+                {players[0].constructs.map((c, i) => (
+                    <div class="instance-construct" key={i}>
+                        <h2 class="name" >{c.name}</h2>
+                        <ConstructAvatar construct={c} />
+                        <div class="skills">
+                            {i === 0 && equipped
+                                ? <button>Strike</button>
+                                : <button disabled={!equipping} class={btnClass}>SKILL</button>
+                            }
+                            <button disabled={!equipping} class={btnClass}>SKILL</button>
+                            <button disabled={!equipping} class={btnClass}>SKILL</button>
                         </div>
-                    ))}
-                </div>
+                        <div class="specs">
+                        </div>
+                        <div class="stats">
+                        </div>
+                    </div>
+                ))}
             </div>
         );
     };
@@ -163,6 +168,7 @@ function Demo(args) {
     return (
         <section class='demo'>
             {vboxDemo()}
+            {vboxConstructs()}
             {gameDemo()}
         </section>
     );