diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less
index 9b19db2c..ea48cede 100644
--- a/client/assets/styles/game.less
+++ b/client/assets/styles/game.less
@@ -27,6 +27,7 @@
 
     position: absolute;
     bottom: 0;
+    margin-bottom: 0.5em;
     height: 50%;
 
     .avatar {
@@ -232,8 +233,8 @@
 
 #targeting, .resolving-skill {
     position: absolute;
-    top: 35%;
-    height: 15%;
+    top: calc(35% + 0.5em); // calc for 0.5em top gap
+    height: calc(15% - 1em); // calc for 0.5em + 0.5em top / bottom gap
     width: calc(90% - 1.25em);
     z-index: 2;
     span {
@@ -273,7 +274,7 @@
 /* some stupid bug in chrome makes it fill the entire screen */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #targeting {
-        max-height: 10em;
+        // max-height: 10em;
     }
 }