diff --git a/client/modules/IDE/components/KeyboardShortcutModal.js b/client/modules/IDE/components/KeyboardShortcutModal.js
index b0c05553..48d2fd03 100644
--- a/client/modules/IDE/components/KeyboardShortcutModal.js
+++ b/client/modules/IDE/components/KeyboardShortcutModal.js
@@ -28,17 +28,34 @@ class KeyboardShortcutModal extends React.Component {
Save
- Command + [
- Indent Code Right
-
-
- Command + ]
+
+ {this.isMac ? 'Command + [' : 'Control + ['}
+
Indent Code Left
- Command + /
+
+ {this.isMac ? 'Command + ]' : 'Control + ]'}
+
+ Indent Code Right
+
+
+
+ {this.isMac ? 'Command + /' : 'Control + /'}
+
Comment Line
+
+
+ {this.isMac ? 'Command + Enter' : 'Control + Enter'}
+ Start Sketch
+
+
+
+ {this.isMac ? 'Command + Shift + Enter' : 'Control + Shift + Enter'}
+
+ Stop Sketch
+
);
diff --git a/client/styles/components/_modal.scss b/client/styles/components/_modal.scss
index 8f276100..e3c37bac 100644
--- a/client/styles/components/_modal.scss
+++ b/client/styles/components/_modal.scss
@@ -80,7 +80,7 @@
.keyboard-shortcuts {
@extend %modal;
padding: #{20 / $base-font-size}rem;
- width: #{400 / $base-font-size}rem;
+ width: #{450 / $base-font-size}rem;
}
.keyboard-shortcuts__header {
@@ -104,7 +104,7 @@
}
.keyboard-shortcut__command {
- width: 40%;
+ width: 50%;
font-weight: bold;
text-align: right;
padding-right: #{10 / $base-font-size}rem;