diff --git a/client/src/actions.jsx b/client/src/actions.jsx
index 0ea7db27..0c5db9ce 100644
--- a/client/src/actions.jsx
+++ b/client/src/actions.jsx
@@ -26,7 +26,7 @@ export const SET_ACTIVE_SKILL = 'SET_ACTIVE_SKILL';
 export const setActiveSkill = (crypId, skill) => ({ type: SET_ACTIVE_SKILL, value: crypId ? { crypId, skill } : null });
 
 export const SET_INFO = 'SET_INFO';
-export const setInfo = (type, info) => ({ type: SET_INFO, value: type ? { type, info } : null });
+export const setInfo = (item, cryp) => ({ type: SET_INFO, value: (item || cryp) ? { item, cryp } : null });
 
 export const SET_RECLAIMING = 'SET_RECLAIMING';
 export const setReclaiming = value => ({ type: SET_RECLAIMING, value });
diff --git a/client/src/components/info.component.jsx b/client/src/components/info.component.jsx
index 81775f4a..f10f20d4 100644
--- a/client/src/components/info.component.jsx
+++ b/client/src/components/info.component.jsx
@@ -4,34 +4,48 @@ const { ITEMS: { SKILLS, SPECS, COLOURS } } = require('./constants');
 function Info(args) {
     const {
         info,
+        sendUnequip,
     } = args;
-    let desc = null;
     if (!info) return (<div className="instance-info">&nbsp;</div>);
+    let itemDetails = null;
 
-    if (info.type === 'item') {
-        if (SKILLS[info.info]) {
-            desc = SKILLS[info.info];
-        } else if (SPECS[info.info]) {
-            desc = SPECS[info.info];
-        } else if (COLOURS[info.info]) {
-            desc = COLOURS[info.info];
+    if (info.item) {
+        if (SKILLS[info.item]) {
+            itemDetails = SKILLS[info.item];
+        } else if (SPECS[info.item]) {
+            itemDetails = SPECS[info.item];
+        } else if (COLOURS[info.item]) {
+            itemDetails = COLOURS[info.item];
         }
     }
+    const crypHeader = info.cryp ? <h5> {info.cryp.name} </h5> : null;
+    const stats = info.cryp ? [
+        { stat: 'hp', disp: 'Hp', colour: '#1FF01F' },
+        { stat: 'red_shield', disp: 'Red Shield', colour: '#a52a2a' },
+        { stat: 'blue_shield', disp: 'Blue Shield', colour: '#3498db' },
+        { stat: 'red_damage', disp: 'Red Damage', colour: '#a52a2a' },
+        { stat: 'blue_damage', disp: 'Blue Damage', colour: '#3498db' },
+        { stat: 'green_damage', disp: 'Green Damage', colour: '#1FF01F' },
+        { stat: 'speed', disp: 'Speed', colour: '#FFD123' },
+    ].map((s, i) => (
+        <div key={i}>{s.disp}: {info.cryp[s.stat].max}</div>
+    )) : null;
+    
+    const itemInfo = itemDetails
+        ? <div>{info.item} - {itemDetails.description}</div>
+        : null;
+    
+    const unequip = (itemDetails && info.cryp)
+        ? <button onClick={() => sendUnequip(info.cryp.id, info.item)}> unequip </button>
+        : null;
 
-    if (info.type === 'cryp') {
-        const cryp = info.info;
-        return (
-            <div className="instance-info">
-                <h5>{cryp.name}</h5>
-            </div>
-        );
-    }
 
     return (
         <div className="instance-info">
-            <h5>{info.info}</h5>
-            <div>{desc.description}</div>
-            <div>{desc.upgrades}</div>
+            {crypHeader}
+            {stats}
+            {itemInfo}
+            {unequip}
         </div>
     );
 }
diff --git a/client/src/components/info.container.jsx b/client/src/components/info.container.jsx
index a45e921a..e98b7cc0 100644
--- a/client/src/components/info.container.jsx
+++ b/client/src/components/info.container.jsx
@@ -6,8 +6,12 @@ const Info = require('./info.component');
 
 const addState = connect(
     function receiveState(state) {
-        const { info } = state;
-        return { info };
+        const { info, ws, instance } = state;
+        function sendUnequip(crypId, item) {
+            return ws.sendVboxUnequip(instance.instance, crypId, item);
+        }
+
+        return { info, sendUnequip };
     }
 /*
     function receiveDispatch(dispatch) {
diff --git a/client/src/components/instance.component.jsx b/client/src/components/instance.component.jsx
index 1a1eac8d..9236e756 100644
--- a/client/src/components/instance.component.jsx
+++ b/client/src/components/instance.component.jsx
@@ -12,8 +12,7 @@ function Cryp(cryp, sendVboxApply, setInfo) {
         const s = cryp.skills[i]
             ? cryp.skills[i].skill
             : (<span>&nbsp;</span>);
-
-        return <button key={i} className="cryp-skill-btn right" onClick={() => setInfo('skill', s)}>{s}</button>;
+        return <button key={i} className="cryp-skill-btn right" onClick={() => setInfo(s, cryp)}>{s}</button>;
     });
 
     // needed for ondrop to fire
@@ -48,12 +47,11 @@ function Cryp(cryp, sendVboxApply, setInfo) {
         <div
             key={cryp.id}
             className="cryp-box"
-            onClick={() => setInfo('cryp', cryp)}
             onDragOver={onDragOver}
             onDrop={onDrop}
             >
             <div className="cryp-box-top">
-                <figure className="img">
+                <figure className="img" onClick={() => setInfo(null, cryp)}>
                     {molecule}
                     <figcaption>{cryp.name}</figcaption>
                 </figure>
diff --git a/client/src/components/instance.container.jsx b/client/src/components/instance.container.jsx
index 0554681d..4ae4e971 100644
--- a/client/src/components/instance.container.jsx
+++ b/client/src/components/instance.container.jsx
@@ -24,8 +24,8 @@ const addState = connect(
             dispatch(actions.setInstance(null));
         }
 
-        function setInfo(type, info) {
-            dispatch(actions.setInfo(type, info));
+        function setInfo(item, cryp) {
+            dispatch(actions.setInfo(item, cryp));
         }
 
         return { quit, setInfo };
diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index 1552a2b2..ffd3c18d 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -53,7 +53,7 @@ function Vbox(args) {
         const cells = row.map((c, j) => (
             <td
                 key={j}
-                onClick={() => { if (c) return setInfo('item', c) }}
+                onClick={() => { if (c) return setInfo(c, null) }}
                 onDblClick={() => sendVboxAccept(j, i) }
                 >
                 {convertVar(c)}
diff --git a/client/src/events.jsx b/client/src/events.jsx
index 5c5e0a99..cbc3a632 100644
--- a/client/src/events.jsx
+++ b/client/src/events.jsx
@@ -32,6 +32,11 @@ function registerEvents(store) {
         store.dispatch(actions.setActiveSkill(skill));
     }
 
+    function setInfo(info) {
+        store.dispatch(actions.setInfo(info));
+        console.log('event clear item');
+    }
+
     function setMenu() {
         console.log('EVENT ->', 'menu', true);
     }
@@ -197,6 +202,7 @@ function registerEvents(store) {
         setCryps,
         setCrypList,
         setGame,
+        setInfo,
         setMenu,
         setPlayer,
         setInstanceList,
diff --git a/client/src/socket.jsx b/client/src/socket.jsx
index 0144b1a1..bd9583a0 100644
--- a/client/src/socket.jsx
+++ b/client/src/socket.jsx
@@ -95,6 +95,7 @@ function createSocket(events) {
 
     function sendVboxUnequip(instanceId, crypId, target) {
         send({ method: 'player_vbox_unequip', params: { instance_id: instanceId, cryp_id: crypId, target } });
+        events.setInfo(null);
     }
 
     function sendVboxDiscard(instanceId) {