diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index 7e56bafb..ed39b212 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -97,7 +97,7 @@ function Vbox(args) {
     const {
         combiner,
         navInstance,
-        // instance,
+        instance,
         itemInfo,
         player,
         reclaiming,
@@ -161,6 +161,14 @@ function Vbox(args) {
 
     function availableBtn(v, group, index) {
         if (!v) return <button disabled class='empty' >&nbsp;</button>;
+        const tutorial = instance.time_control === 'Practice'
+            && instance.rounds.length === 1
+            && group === 0
+            && combiner.length === 0
+            && vboxSelected.length === 0
+            && vbox.bits > 10
+            && vbox.free[0].filter(c => c).length > 4
+            ? 'combo-border' : null;
 
         const selected = vboxSelected[0] === group && vboxSelected[1] === index;
 
@@ -194,7 +202,7 @@ function Vbox(args) {
             } return false;
         }) ? 'combo-border' : '';
 
-        const classes = `${v.toLowerCase()} ${selected ? 'highlight' : ''} ${comboHighlight}`;
+        const classes = `${v.toLowerCase()} ${selected ? 'highlight' : ''} ${comboHighlight} ${tutorial}`;
 
         if (shapes[v]) {
             return (