diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 25d7538d..0df8af26 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -14,15 +14,7 @@ aside {
 
     padding-left: 1em;
 
-    .instance-ctrl {
-       grid-template-rows: 2fr 2fr 1fr;
-    }
-
-    .controls {
-        grid-area: controls;
-
-        display: grid;
-
+    .instance-ctrl, .game-ctrl {
         grid-template-areas:
             "top"
             "p0"
@@ -30,6 +22,12 @@ aside {
             "bottom";
 
         grid-template-rows: min-content 3fr 3fr 1fr;
+    }
+
+    .controls {
+        grid-area: controls;
+        display: grid;
+        grid-auto-rows: 1fr;
         grid-gap: 0.5em 0;
     }
 
@@ -106,7 +104,7 @@ aside {
     padding: 0 0.75em 0 0.75em;
 }
 
-.instance-ctrl-btns {
+.instance-ctrl-btns, .game-ctrl-btns {
     font-size: 50%;
 
     display: flex;
diff --git a/client/src/components/game.ctrl.btns.jsx b/client/src/components/game.ctrl.btns.jsx
index 1b091c3c..81d36cb7 100644
--- a/client/src/components/game.ctrl.btns.jsx
+++ b/client/src/components/game.ctrl.btns.jsx
@@ -61,7 +61,7 @@ function GameCtrlBtns(args) {
     if (!game) return false;
 
     return (
-        <div class="instance-ctrl-btns">
+        <div class="game-ctrl-btns">
             <button>Chat</button>
             <button disabled={animating} onClick={sendGameSkillClear}>Clear</button>
             <button disabled={animating} class="ready" onClick={() => sendReady()}>Ready</button>