diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 40459592..eebcc6c6 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -106,9 +106,11 @@ aside {
     padding: 0 0.75em 0 0.75em;
 }
 
-.abandon:not([disabled]) {
-    font-size: 80%;
+.instance-ctrl-btns {
+    font-size: 50%;
+}
 
+.abandon:not([disabled]) {
     &:hover {
         color: @red;
         border-color: @red;
diff --git a/client/src/components/instance.ctrl.btns.jsx b/client/src/components/instance.ctrl.btns.jsx
index 91638f98..35b9f222 100644
--- a/client/src/components/instance.ctrl.btns.jsx
+++ b/client/src/components/instance.ctrl.btns.jsx
@@ -46,7 +46,7 @@ function InstanceCtrlBtns(args) {
         instance,
     } = args;
 
-    const finished = instance.phase === 'Finished';
+    const finished = instance && instance.phase === 'Finished';
 
     const { abandonState } = this.state;
 
@@ -65,7 +65,7 @@ function InstanceCtrlBtns(args) {
     const abandonAction = abandonState ? sendAbandon : abandonStateTrue;
 
     return (
-        <div>
+        <div class="instance-ctrl-btns">
             {game ? <button disabled={animating} onClick={sendGameSkillClear}>Clear</button> : null}
             <button class={abandonClasses} disabled={animating || finished} onClick={abandonAction}>Abandon</button>
         </div>