diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less
index b17b2d80..bbe14129 100644
--- a/client/assets/styles/game.less
+++ b/client/assets/styles/game.less
@@ -197,12 +197,19 @@
 }
 
 .combat-anim {
+    max-width: 100%;
+    max-height: 100%;
+    height: 100%;
+    width: 100%;
     display: flex;
     flex-flow: column;
 }
 
 .combat-anim svg {
-    flex: 1
+    flex: 1;
+    // chrome shit
+    width: 100%;
+    height: 100%;
 }
 
 .game-construct.red-damage {
diff --git a/client/src/animations.socket.jsx b/client/src/animations.socket.jsx
index edd822c6..16decdef 100644
--- a/client/src/animations.socket.jsx
+++ b/client/src/animations.socket.jsx
@@ -53,6 +53,7 @@ function createSocket(store) {
                     timeout - TIMES.POST_SKILL_DURATION_MS
                 );
             }
+            return false;
             return setTimeout(() => {
                 store.dispatch(actions.setAnimSource(null));
                 store.dispatch(actions.setAnimTarget(null));
diff --git a/client/src/components/faceoff.jsx b/client/src/components/faceoff.jsx
index f7634366..68de5481 100644
--- a/client/src/components/faceoff.jsx
+++ b/client/src/components/faceoff.jsx
@@ -33,8 +33,11 @@ function FaceoffConstruct(args) {
 
     return (
         <div class='game-construct'>
-            <h3 class="name"> {construct.name} </h3>
-            <ConstructAvatar construct={construct} />
+            <div class="left"></div>
+            <div class="right">
+                <h3 class="name"> {construct.name} </h3>
+                <ConstructAvatar construct={construct} />
+            </div>
         </div>
     )
 }