diff --git a/index.html b/index.html
index 5ac9da6..893e811 100644
--- a/index.html
+++ b/index.html
@@ -29,19 +29,19 @@
         <h1>Janus Presentations</h1>
         <h2>Hotkey powered, multi-window presentations</h2>
         <div><small>
-          Press <code>Escape</code> for commands. <code>Page Up</code> / <code>Page Down</code> to navigate.
+          Press <kbd>Escape</kbd> for commands. <kbd>Page Up</kbd> / <kbd>Page Down</kbd> to navigate.
         </small></div>
       </section>
       <section style="background: linear-gradient(-30deg, #400, black)">
         <h1>Hotkeys</h1>
         <div janus-timeline>
-          Clone Window: <code>F2</code>
+          Clone Window: <kbd>F2</kbd>
         </div>
         <div janus-timeline>
-          Navigation: <code>Page Down</code>, <code>Page Up</code>
+          Navigation: <kbd>Page Down</kbd>, <kbd>Page Up</kbd>
         </div>
         <div janus-timeline>
-          Toggle Presenter Mode: <code>F1</code>
+          Toggle Presenter Mode: <kbd>F1</kbd>
         </div>
       </section>
       <section style="color: black">
diff --git a/styles/main.css b/styles/main.css
index f44b35b..bfedb91 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -18,6 +18,10 @@ li {
 
 code {
   font-family: Consolas, monaco, monospace;
+}
+
+kbd {
+  font-family: Consolas, monaco, monospace;
   border: 2px dashed currentcolor;
 }