diff --git a/html-client/cryps.css b/html-client/cryps.css
index c3436639..6ed723e3 100755
--- a/html-client/cryps.css
+++ b/html-client/cryps.css
@@ -267,6 +267,8 @@ button:hover {
 
 .cryp-box .skills {
     width: 50%;
+    min-width: 150px;
+    flex: 1 1 50%;
 }
 
 .cryp-skill-btn {
diff --git a/html-client/src/components/game.component.jsx b/html-client/src/components/game.component.jsx
index a553dfcc..22c1e20e 100644
--- a/html-client/src/components/game.component.jsx
+++ b/html-client/src/components/game.component.jsx
@@ -32,10 +32,6 @@ function GamePanel(props) {
                 ? activeSkill.crypId === cryp.id && activeSkill.skill === s
                 : false;
 
-            if (activeSkill) {
-                console.log(cryp.id, s, highlight);
-            }
-
             return (
                 <button
                     key={i}
diff --git a/html-client/src/keyboard.jsx b/html-client/src/keyboard.jsx
index dbcd1c5a..678351fb 100644
--- a/html-client/src/keyboard.jsx
+++ b/html-client/src/keyboard.jsx
@@ -6,6 +6,7 @@ function setupKeys(store) {
     key.unbind('esc');
     key('esc', () => store.dispatch(actions.setCombiner([null, null, null])));
     key('esc', () => store.dispatch(actions.setReclaiming(false)));
+    key('esc', () => store.dispatch(actions.setActiveSkill(null)));
 }
 
 module.exports = setupKeys;