diff --git a/src/vs/workbench/parts/watermark/watermark.css b/src/vs/workbench/parts/watermark/watermark.css
index bb4845c900da5155eddb6354a34b3e75769e6602..9bc78480d6e0bfce7a461a048327d39eec6adedc 100644
--- a/src/vs/workbench/parts/watermark/watermark.css
+++ b/src/vs/workbench/parts/watermark/watermark.css
@@ -58,13 +58,19 @@
 
 .monaco-workbench > .part.editor > .watermark dt {
 	text-align: right;
-	font-weight: bold;
+	letter-spacing: 0.04em
 }
 
 .monaco-workbench > .part.editor > .watermark dd {
 	text-align: left;
 }
 
+.monaco-workbench > .part.editor > .watermark dd > .shortcuts {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	letter-spacing: 0.15em;
+}
+
 .monaco-workbench > .part.editor > .watermark dt,
 .monaco-workbench > .part.editor > .watermark dd {
 	display: table-cell;
diff --git a/src/vs/workbench/parts/watermark/watermark.ts b/src/vs/workbench/parts/watermark/watermark.ts
index 353f7a1118480b1d30a3e5a29f9ee157cde0d6c8..3edbb99419c7ecc8f8d8b324da976b16ba4ff3ba 100644
--- a/src/vs/workbench/parts/watermark/watermark.ts
+++ b/src/vs/workbench/parts/watermark/watermark.ts
@@ -47,10 +47,10 @@ export function create(container: Builder, keybindingService: IKeybindingService
 		entries.map(entry => {
 			builder.element('dl', {}, dl => {
 				dl.element('dt', {}, dt => dt.text(entry.text));
-				dl.element('dd', {}, dd => dd.text(
+				dl.element('dd', {}, dd => dd.innerHtml(
 					entry.ids
 						.map(id => keybindingService.lookupKeybindings(id).slice(0, 1)
-							.map(k => keybindingService.getLabelFor(k))
+							.map(k => `<span class="shortcuts">${keybindingService.getLabelFor(k)}</span>`)
 							.join('') || UNBOUND)
 						.join(' / ')
 				));