diff --git a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
index 1eceed841..4fdcb8fb2 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
+++ b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
@@ -14,23 +14,32 @@
   flex: 1;
   display: grid;
   place-content: center;
-  font-size: calc(1rem - 2px);
+  gap: 1rem;
 }
 
 .shortcuts {
-  margin-top: 0.5rem;
+  font-size: calc(1rem - 3px);
   border-collapse: separate;
-  border-spacing: 1rem 0;
+  border-spacing: 4rem 0;
 
   tr {
     td:nth-child(odd) {
+      text-align: left;
+    }
+    td:nth-child(even) {
       text-align: right;
     }
   }
 }
 
+.spacer {
+  height: 1rem;
+}
+
 .prompt {
   font-size: 1rem;
+  text-align: left;
+  margin-left: 4rem;
 }
 
 .divider {
diff --git a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
index 5151b1759..b2e57dc70 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
+++ b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
@@ -10,13 +10,12 @@ export default memo(EventEditorEmpty);
 function EventEditorEmpty() {
   return (
     <div className={style.eventEditor} data-testid='editor-container'>
-      <div className={style.prompt}>Select an event to edit</div>
       <div className={style.shortcutSection}>
-        <div className={style.prompt}>Shortcut navigation</div>
-
+        <div className={style.prompt}>Rundown shortcuts:</div>
         <table className={style.shortcuts}>
           <tbody>
             <tr>
+              <td>Select entry</td>
               <td>
                 <Kbd>{deviceAlt}</Kbd>
                 <AuxKey>+</AuxKey>
@@ -24,9 +23,16 @@ function EventEditorEmpty() {
                 <AuxKey>/</AuxKey>
                 <Kbd>↓</Kbd>
               </td>
-              <td>Select entry</td>
             </tr>
             <tr>
+              <td>Deselect entry</td>
+              <td>
+                <Kbd>Esc</Kbd>
+              </td>
+            </tr>
+            <tr className={style.spacer} />
+            <tr>
+              <td>Reorder selected entry</td>
               <td>
                 <Kbd>{deviceAlt}</Kbd>
                 <AuxKey>+</AuxKey>
@@ -36,85 +42,17 @@ function EventEditorEmpty() {
                 <AuxKey>/</AuxKey>
                 <Kbd>↑</Kbd>
               </td>
-              <td>Reorder selected entry</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>E</Kbd>
-              </td>
-              <td>Add event below</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>↑</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>E</Kbd>
-              </td>
-              <td>Add event above</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>B</Kbd>
-              </td>
-              <td>Add block below</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>↑</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>B</Kbd>
-              </td>
-              <td>Add block above</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>D</Kbd>
-              </td>
-              <td>Add delay below</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceAlt}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>↑</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>D</Kbd>
-              </td>
-              <td>Add delay above</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>Esc</Kbd>
-              </td>
-              <td>Deselect entry</td>
-            </tr>
-            <tr>
-              <td>
-                <Kbd>{deviceMod}</Kbd>
-                <AuxKey>+</AuxKey>
-                <Kbd>⌫</Kbd>
-              </td>
-              <td>Delete selected entry</td>
             </tr>
             <tr>
+              <td>Copy selected entry</td>
               <td>
                 <Kbd>{deviceMod}</Kbd>
                 <AuxKey>+</AuxKey>
                 <Kbd>C</Kbd>
               </td>
-              <td>Copy selected entry</td>
             </tr>
             <tr>
+              <td>Paste above</td>
               <td>
                 <Kbd>{deviceMod}</Kbd>
                 <AuxKey>+</AuxKey>
@@ -122,15 +60,77 @@ function EventEditorEmpty() {
                 <AuxKey>+</AuxKey>
                 <Kbd>V</Kbd>
               </td>
-              <td>Paste above</td>
             </tr>
             <tr>
+              <td>Paste below</td>
               <td>
                 <Kbd>{deviceMod}</Kbd>
                 <AuxKey>+</AuxKey>
                 <Kbd>V</Kbd>
               </td>
-              <td>Paste below</td>
+            </tr>
+            <tr>
+              <td>Delete selected entry</td>
+              <td>
+                <Kbd>{deviceMod}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>⌫</Kbd>
+              </td>
+            </tr>
+            <tr className={style.spacer} />
+            <tr>
+              <td>Add event below</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>E</Kbd>
+              </td>
+            </tr>
+            <tr>
+              <td>Add event above</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>↑</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>E</Kbd>
+              </td>
+            </tr>
+            <tr>
+              <td>Add block below</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>B</Kbd>
+              </td>
+            </tr>
+            <tr>
+              <td>Add block above</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>↑</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>B</Kbd>
+              </td>
+            </tr>
+            <tr>
+              <td>Add delay below</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>D</Kbd>
+              </td>
+            </tr>
+            <tr>
+              <td>Add delay above</td>
+              <td>
+                <Kbd>{deviceAlt}</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>↑</Kbd>
+                <AuxKey>+</AuxKey>
+                <Kbd>D</Kbd>
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/apps/client/src/theme/theme.ts b/apps/client/src/theme/theme.ts
index 6ac4cdb74..ee6b00e46 100644
--- a/apps/client/src/theme/theme.ts
+++ b/apps/client/src/theme/theme.ts
@@ -84,7 +84,7 @@ const theme = extendTheme({
       baseStyle: {
         borderRadius: '2px',
         border: 'none',
-        background: 'rgba(255, 255, 255, 0.10)',
+        background: '#262626', // $gray-1200
         padding: '0.125rem 0.5rem',
         color: '#f6f6f6', // $ui-white
         fontWeight: 400,