diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less
index a48ebad0..71999993 100644
--- a/client/assets/styles/vbox.less
+++ b/client/assets/styles/vbox.less
@@ -50,6 +50,7 @@
         grid-area: combiner;
         display: flex;
         flex-direction: column;
+        line-height: 1.3;
 
         padding: 0;
 
@@ -59,6 +60,9 @@
         }
 
         button {
+            line-height: 1.3;
+            font-size: 1.25em;
+
             letter-spacing: 0.1em;
             background-color: #996100;
             border-radius: 0;
diff --git a/client/src/components/vbox.combiner.jsx b/client/src/components/vbox.combiner.jsx
index e1514e1f..5b02b88e 100644
--- a/client/src/components/vbox.combiner.jsx
+++ b/client/src/components/vbox.combiner.jsx
@@ -34,12 +34,12 @@ function combinerBtn(props) {
         let bits = 0;
         storeSelect.forEach(item => bits += item[0] + 1);
         text = bits
-            ? `Buy ${comboItem} - ${bits}b`
-            : `Combine - ${comboItem}`;
+            ? <p>Buy<br/>{comboItem}<br />{bits}b</p>
+            : <p>Combine<br />{comboItem}</p>;
         if (vbox.bits >= bits) mouseEvent = sendVboxCombine;
     } else if (stashSelect.length === 0 && storeSelect.length === 1) {
         const item = storeSelect[0];
-        text = `Buy ${vbox.free[item[0]][item[1]]} ${item[0] + 1}b`;
+        text = <p>Buy<br />{vbox.free[item[0]][item[1]]}<br />{item[0] + 1}b</p>;
         mouseEvent = vboxBuySelected;
     } else {
         for (let i = 0; i < 3; i++) {