diff --git a/IPython/frontend/html/notebook/static/css/notebook.css b/IPython/frontend/html/notebook/static/css/notebook.css
index d7f964b..928ad6b 100644
--- a/IPython/frontend/html/notebook/static/css/notebook.css
+++ b/IPython/frontend/html/notebook/static/css/notebook.css
@@ -311,3 +311,11 @@ div.text_cell_render {
     .ui-widget-content { border: 0px; }
 }
 
+.shortcut_key {
+    display: inline-block;
+    width: 10ex;
+    text-align: right;
+}
+
+.shortcut_descr {
+}
\ No newline at end of file
diff --git a/IPython/frontend/html/notebook/static/js/notebook.js b/IPython/frontend/html/notebook/static/js/notebook.js
index c89b480..7f437c2 100644
--- a/IPython/frontend/html/notebook/static/js/notebook.js
+++ b/IPython/frontend/html/notebook/static/js/notebook.js
@@ -201,8 +201,8 @@ var IPython = (function (IPython) {
         ];
         for (var i=0; i<shortcuts.length; i++) {
             dialog.append($('<div>').
-                append($('<span/>').addClass('shortcut_key').html(shortcuts[i].key+' : ')).
-                append($('<span/>').html(shortcuts[i].help))
+                append($('<span/>').addClass('shortcut_key').html(shortcuts[i].key)).
+                append($('<span/>').addClass('shortcut_descr').html(' : ' + shortcuts[i].help))
             );
         };
         dialog.dialog({title: 'Keyboard shortcuts'});