diff --git a/html-client/src/components/vbox.component.jsx b/html-client/src/components/vbox.component.jsx
index 9f7431e4..15c1d000 100644
--- a/html-client/src/components/vbox.component.jsx
+++ b/html-client/src/components/vbox.component.jsx
@@ -48,6 +48,18 @@ function Vbox(args) {
         </tr>,
     ];
 
+    const combinerElement = (
+        <table className="vbox-table">
+            <tbody>
+                <tr>
+                    <td>{convertVar(combiner[0])}</td>
+                    <td>{convertVar(combiner[1])}</td>
+                    <td>{convertVar(combiner[2])}</td>
+                </tr>
+            </tbody>
+        </table>
+    );
+
     return (
         <div className="three columns">
             <span>vBox</span>
@@ -78,7 +90,7 @@ function Vbox(args) {
                 onClick={() => sendVboxCombine()}>
                 combine
             </button>
-            {JSON.stringify(vbox)}
+            {combinerElement}
         </div>
     );
 }