diff --git a/cortex/webgl/resources/css/mriview.css b/cortex/webgl/resources/css/mriview.css
index 47962cbb..7062ad89 100644
--- a/cortex/webgl/resources/css/mriview.css
+++ b/cortex/webgl/resources/css/mriview.css
@@ -131,8 +131,8 @@ a:visited { color:white; }
     position:absolute;
     z-index:8;
     top: 50%;
-    left: 0%;
-    transform: translate(0%, -50%);
+    left: 50%;
+    transform: translate(-50%, -50%);
     padding:15px;
     margin:20px;
     border-radius:10px;
@@ -140,6 +140,7 @@ a:visited { color:white; }
     max-width:400px;
     display:none;
     font-size:12pt;
+    font-family:Helvetica, Arial, sans-serif;
     color:white;
     transition:all .3s;
     transition-timing-function:ease;
diff --git a/cortex/webgl/resources/js/mriview.js b/cortex/webgl/resources/js/mriview.js
index a407b03c..ea18a0da 100644
--- a/cortex/webgl/resources/js/mriview.js
+++ b/cortex/webgl/resources/js/mriview.js
@@ -1242,16 +1242,16 @@ var mriview = (function(module) {
                             new_html += '<tr><td style="text-align: center;">'
                             if ('modKeys' in list[i][name]){
                                 let modKeys = list[i][name]['modKeys'];
-                                modKeys = modKeys.map((modKey) => modKey.substring(0, modKey.length - 3));
+                                modKeys = modKeys.map((modKey) => modKey.charAt(0).toUpperCase() + modKey.substring(1, modKey.length - 3));
                                 modKeys = modKeys.join(' + ');
                                 new_html += modKeys + ' + ';
                             }
-                            new_html += list[i][name]['key'].toUpperCase() + '</td><td>' + diplay_name + '</td></tr>'
+                            new_html += list[i][name]['key'] + '</td><td>' + diplay_name + '</td></tr>'
                         }
                         if ('wheel' in list[i][name]){
                             new_html += '<tr><td style="text-align: center;">'
                             var modKeys = list[i][name]['modKeys']
-                            modKeys = modKeys.map((modKey) => modKey.substring(0, modKey.length - 3))
+                            modKeys = modKeys.map((modKey) => modKey.charAt(0).toUpperCase() + modKey.substring(1, modKey.length - 3))
                             modKeys = modKeys.join(' + ')
                             new_html += modKeys + ' + wheel  </td><td>' + diplay_name + '</td></tr>'
                         }