diff --git a/client/game.css b/client/game.css
index 2b9c8f82..d7eb03e4 100644
--- a/client/game.css
+++ b/client/game.css
@@ -70,8 +70,10 @@
     transition-timing-function: ease;
 }
 
-.game-cryp .img {
+.game-cryp .avatar {
     grid-area: avatar;
+    /*max-height: 50%;*/
+    height: auto;
 }
 
 .game-cryp .stats {
diff --git a/client/src/components/game.component.jsx b/client/src/components/game.component.jsx
index 66146f6a..8855c38a 100644
--- a/client/src/components/game.component.jsx
+++ b/client/src/components/game.component.jsx
@@ -54,7 +54,7 @@ function GamePanel(props) {
     const header = (
         <div className="top">
             <button
-                className="game-btn instance-btn instance-ui-btn right"
+                className="instance-btn instance-ui-btn right"
                 onClick={() => sendGameReady()}>
                 Ready
             </button>
@@ -137,12 +137,17 @@ function GamePanel(props) {
                 <div className="effects">
                     {effects}
                 </div>
-                <figure
-                    className="img"
-                    onClick={() => selectSkillTarget(cryp.id)} >
-                    {crypAvatar(cryp.name)}
-                    {combatTextEl}
-                </figure>
+                <div className="avatar">
+                    <div className="targeting">
+                        <div>></div>
+                    </div>
+                    <figure
+                        className="img"
+                        onClick={() => selectSkillTarget(cryp.id)} >
+                        {crypAvatar(cryp.name)}
+                        {combatTextEl}
+                    </figure>
+                </div>
             </div>
         );
     }
diff --git a/client/src/components/game.cryp.jsx b/client/src/components/game.cryp.jsx
index 17d49e80..af4d5b5d 100644
--- a/client/src/components/game.cryp.jsx
+++ b/client/src/components/game.cryp.jsx
@@ -78,12 +78,17 @@ function GameCryp(props) {
             <div className="skills">
                 {skills}
             </div>
-            <figure
-                className="img"
-                onClick={() => selectSkillTarget(cryp.id)} >
-                {crypAvatar(cryp.name)}
-                {combatTextEl}
-            </figure>
+            <div className="avatar">
+                <div className="targeting">
+                    <div>></div>
+                </div>
+                <figure
+                    className="img"
+                    onClick={() => selectSkillTarget(cryp.id)} >
+                    {crypAvatar(cryp.name)}
+                    {combatTextEl}
+                </figure>
+            </div>
             <div className="effects">
                 {effects}
             </div>
diff --git a/client/src/components/menu.component.jsx b/client/src/components/menu.component.jsx
index 5bde6a10..f144d3cd 100644
--- a/client/src/components/menu.component.jsx
+++ b/client/src/components/menu.component.jsx
@@ -147,7 +147,6 @@ function Menu(args) {
     return (
         <section className="menu">
             {instanceList()}
-            {crypList()}
         </section>
     );
 }
diff --git a/client/src/socket.jsx b/client/src/socket.jsx
index dd2e1c25..610dd8bd 100644
--- a/client/src/socket.jsx
+++ b/client/src/socket.jsx
@@ -312,7 +312,7 @@ function createSocket(events) {
                 sendAccountCryps();
             }
 
-            // sendPing();
+            sendPing();
 
             return true;
         });
diff --git a/client/styles.css b/client/styles.css
index 3ab0c4e3..97431553 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -17,9 +17,9 @@ html, body, main {
     -ms-user-select: none;
 
     /* this is the sweet nectar to keep it full page*/
-    height: 100%;
-    max-height: 100%;
-    min-height: 100%;
+    height: 100vh;
+    max-height: 100vh;
+    min-height: 100vh;
     /*padding: 0 20%;*/
 
     /* stops inspector going skitz*/