diff --git a/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/keyboard_shortcuts_doc.js b/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/keyboard_shortcuts_doc.js
index f39ffaeeb4b18e7..f5e8d13bc81e8cf 100644
--- a/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/keyboard_shortcuts_doc.js
+++ b/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/keyboard_shortcuts_doc.js
@@ -14,6 +14,7 @@ import {
   EuiHorizontalRule,
   EuiCode,
   EuiSpacer,
+  EuiTitle,
 } from '@elastic/eui';
 import { keymap } from '../../lib/keymap';
 import { getClientPlatform } from '../../lib/get_client_platform';
@@ -54,19 +55,24 @@ const getDescriptionListItems = shortcuts =>
 export const KeyboardShortcutsDoc = props => (
   <EuiFlyout closeButtonAriaLabel="Closes keyboard shortcuts reference" size="s" {...props}>
     <EuiFlyoutHeader hasBorder>
-      <h2>Keyboard Shortcuts</h2>
+      <EuiTitle size="s">
+        <h2>Keyboard Shortcuts</h2>
+      </EuiTitle>
     </EuiFlyoutHeader>
     <EuiFlyoutBody>
       {Object.values(keymap).map(namespace => {
         const { displayName, ...shortcuts } = namespace;
         return (
           <div key={getId('shortcuts')} className="canvasKeyboardShortcut">
-            <h3>{displayName}</h3>
+            <EuiTitle size="xs">
+              <h4>{displayName}</h4>
+            </EuiTitle>
             <EuiHorizontalRule margin="s" />
             <EuiDescriptionList
               textStyle="reverse"
               type="column"
               listItems={getDescriptionListItems(shortcuts)}
+              compressed
             />
             <EuiSpacer />
           </div>
diff --git a/x-pack/plugins/canvas/public/lib/keymap.js b/x-pack/plugins/canvas/public/lib/keymap.js
index ba988edf147cb3d..6f410e3422dd7cb 100644
--- a/x-pack/plugins/canvas/public/lib/keymap.js
+++ b/x-pack/plugins/canvas/public/lib/keymap.js
@@ -45,46 +45,46 @@ const nextPageShortcut = { ...getAltShortcuts(']'), help: 'Go to next page' };
 export const keymap = {
   ELEMENT: {
     displayName: 'Element controls',
-    COPY: { ...getCtrlShortcuts('c'), help: 'Copy elements' },
-    CLONE: { ...getCtrlShortcuts('d'), help: 'Clone elements' },
-    CUT: { ...getCtrlShortcuts('x'), help: 'Cut elements' },
+    COPY: { ...getCtrlShortcuts('c'), help: 'Copy' },
+    CLONE: { ...getCtrlShortcuts('d'), help: 'Clone' },
+    CUT: { ...getCtrlShortcuts('x'), help: 'Cut' },
     PASTE: { ...getCtrlShortcuts('v'), help: 'Paste' },
     DELETE: {
       osx: ['backspace'],
       windows: ['del', 'backspace'],
       linux: ['del', 'backspace'],
       other: ['del', 'backspace'],
-      help: 'Delete elements',
+      help: 'Delete',
     },
     BRING_FORWARD: {
       ...getCtrlShortcuts('up'),
-      help: 'Send element forward one layer',
-    },
-    SEND_BACKWARD: {
-      ...getCtrlShortcuts('down'),
-      help: 'Send element back one layer',
+      help: 'Send forward',
     },
     BRING_TO_FRONT: {
       ...getCtrlShortcuts('shift+up'),
-      help: 'Send element to front',
+      help: 'Send to front',
+    },
+    SEND_BACKWARD: {
+      ...getCtrlShortcuts('down'),
+      help: 'Send backward',
     },
     SEND_TO_BACK: {
       ...getCtrlShortcuts('shift+down'),
-      help: 'Send element to back',
+      help: 'Send to back',
     },
     GROUP: {
       osx: ['g'],
       windows: ['g'],
       linux: ['g'],
       other: ['g'],
-      help: 'Group elements',
+      help: 'Group',
     },
     UNGROUP: {
       osx: ['u'],
       windows: ['u'],
       linux: ['u'],
       other: ['u'],
-      help: 'Ungroup elements',
+      help: 'Ungroup',
     },
   },
   EDITOR: {