diff --git a/_manual/17_mixing/02_panning/01_mono_panner.html b/_manual/17_mixing/02_panning/01_mono_panner.html
index 10bc3a3..58f14ae 100644
--- a/_manual/17_mixing/02_panning/01_mono_panner.html
+++ b/_manual/17_mixing/02_panning/01_mono_panner.html
@@ -33,18 +33,18 @@ default setting is "center" (L=50%, R=50%).
 <dl class="faq">
 
 <dt>Reset to defaults</dt>
-<dd>Click <key class="mod3">right button</key></dd>
+<dd>Click <kbd class="mod3">right button</kbd></dd>
 
 <dt>Change to a "hard left"</dt>
-<dd>Double click <key>right button</key> in the left side
+<dd>Double click <kbd>right button</kbd> in the left side
   of the panner</dd>
 
 <dt>Change to a "hard right"</dt>
-<dd>Double click <key>right button</key> in the right side
+<dd>Double click <kbd>right button</kbd> in the right side
   of the panner</dd>
 
 <dt>Set the position to center</dt>
-<dd>Double Click <key>right button</key> in the middle of the panner</dd>
+<dd>Double Click <kbd>right button</kbd> in the middle of the panner</dd>
 </dl>
 
 <h2>Keyboard bindings</h2>
@@ -55,11 +55,11 @@ keybindings are available to operate on that panner:
 </p>
 
 <dl>
-  <dt><key>&larr;</key> / <key class="mod1">&larr;</key></dt>
+  <dt><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></dt>
   <dd>move position 1&deg; / 5&deg; to the left</dd>
-  <dt><key>&rarr;</key> / <key class="mod1">&rarr;</key></dt>
+  <dt><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></dt>
   <dd>move position 1&deg / 5&deg; to the right</dd>
-  <dt><key>0</key></dt>
+  <dt><kbd>0</kbd></dt>
   <dd>reset position to center</dd>
 </dl>
 
@@ -71,9 +71,9 @@ wheel may be used as follows:
 </p>
 
 <dl>
-<dt>up or left / <key class="mod1">up</key> or <key class="mod1">left</key></dt>
+<dt>up or left / <kbd class="mod1">up</kbd> or <kbd class="mod1">left</kbd></dt>
 <dd>move position to the left by 1&deg; / 5&deg;</dd>
 
-<dt>down or right / <key class="mod1">down</key> or <key class="mod1">right</key></dt>
+<dt>down or right / <kbd class="mod1">down</kbd> or <kbd class="mod1">right</kbd></dt>
 <dd>move position to the right by 1&deg; / 5&deg;</dd>
 </dl>
diff --git a/_manual/17_mixing/02_panning/03_stereo_panner.html b/_manual/17_mixing/02_panning/03_stereo_panner.html
index 457b5e2..9795783 100644
--- a/_manual/17_mixing/02_panning/03_stereo_panner.html
+++ b/_manual/17_mixing/02_panning/03_stereo_panner.html
@@ -118,35 +118,35 @@ title: Stereo Panner
 <dl class="faq">
 
 <dt>Reset to defaults</dt>
-<dd>Click <key class="mod3">right button</key></dd>
+<dd>Click <kbd class="mod3">right button</kbd></dd>
 
 <dt>Change to a "hard left"</dt>
-<dd>Double click <key class="mod2">right button</key> in the upper left half
+<dd>Double click <kbd class="mod2">right button</kbd> in the upper left half
   of the panner</dd>
 
 <dt>Change to a "hard right"</dt>
-<dd>Double click <key class="mod2">right button</key> in the upper right half
+<dd>Double click <kbd class="mod2">right button</kbd> in the upper right half
   of the panner</dd>
 
 <dt>Move position as far left as possible, given width</dt>
-<dd>Double click <key>right button</key> in the upper left half of the
+<dd>Double click <kbd>right button</kbd> in the upper left half of the
   panner</dd>
 
 <dt>Move position as far right as possible, given width</dt>
-<dd>Double click <key>right button</key> in the upper right half of the
+<dd>Double click <kbd>right button</kbd> in the upper right half of the
   panner</dd>
 
 <dt>Set the position to center</dt>
-<dd>Click <key>right button</key> in the upper middle of the panner</dd>
+<dd>Click <kbd>right button</kbd> in the upper middle of the panner</dd>
 
 <dt>Reset to maximum possible width</dt>
-<dd>Double click <key>right button</key> on the lower left side</dd>
+<dd>Double click <kbd>right button</kbd> on the lower left side</dd>
 
 <dt>Invert (flip channel assignments)</dt>
-<dd>Double click <key>right button</key> on the lower right side</dd>
+<dd>Double click <kbd>right button</kbd> on the lower right side</dd>
 
 <dt>Set width to 0&deg;</dt>
-<dd>Double click <key>right button</key> in the lower middle</dd>
+<dd>Double click <kbd>right button</kbd> in the lower middle</dd>
 </dl>
 
 <h4>Keyboard bindings</h4>
@@ -157,17 +157,17 @@ title: Stereo Panner
 </p>
 
 <dl>
-  <dt><key>&uarr;</key> / <key class="mod1">&uarr;</key></dt>
+  <dt><kbd>&uarr;</kbd> / <kbd class="mod1">&uarr;</kbd></dt>
   <dd>increase width by 1&deg; / 5&deg;</dd>
-  <dt><key>&darr;</key> / <key class="mod1">&darr;</key></dt>
+  <dt><kbd>&darr;</kbd> / <kbd class="mod1">&darr;</kbd></dt>
   <dd>decrease width by 1&deg; / 5&deg;</dd>
-  <dt><key>&larr;</key> / <key class="mod1">&larr;</key></dt>
+  <dt><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></dt>
   <dd>move position 1&deg; / 5&deg; to the left</dd>
-  <dt><key>&rarr;</key> / <key class="mod1">&rarr;</key></dt>
+  <dt><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></dt>
   <dd>move position 1&deg / 5&deg; to the right</dd>
-  <dt><key>0</key></dt>
+  <dt><kbd>0</kbd></dt>
   <dd>reset position to center</dd>
-  <dt><key class="mod2">&uarr;</key></dt>
+  <dt><kbd class="mod2">&uarr;</kbd></dt>
   <dd>reset width to full (100%)</dd>
 </dl>
 
@@ -179,16 +179,16 @@ title: Stereo Panner
 </p>
 
 <dl>
-<dt>left / <key class="mod1">left</key></dt>
+<dt>left / <kbd class="mod1">left</kbd></dt>
 <dd>increase width by 1&deg; / 5&deg;</dd>
 
-<dt>right / <key class="mod1">right</key></dt>
+<dt>right / <kbd class="mod1">right</kbd></dt>
 <dd>decrease width by 1&deg; / 5&deg;</dd>
 
-<dt>up / <key class="mod1">up</key></dt>
+<dt>up / <kbd class="mod1">up</kbd></dt>
 <dd>move position 1&deg; / 5&deg; to the left</dd>
 
-<dt>down / <key class="mod1">down</key></dt>
+<dt>down / <kbd class="mod1">down</kbd></dt>
 <dd>move position 1&deg; / 5&deg;to the right</dd>
 </dl>