diff --git a/public/help.html b/public/help.html
index 32167470bc86422c9c4dc6a461cffb20e62e18ee..aeff5a7ee0648db1ee4f5b0eac8b7bcb705c2880 100644
--- a/public/help.html
+++ b/public/help.html
@@ -16,20 +16,23 @@
 
       <div class="row">
         <h2>Controls</h2>
-        <ul>
-          <li><strong>Left</strong>: Left arrow key</li>
-          <li><strong>Right</strong>: Right arrow key</li>
-          <li><strong>Down</strong>: Down arrow key</li>
-          <li><strong>Up</strong>: Up arrow key</li>
-          <li><strong>A</strong>: X key</li>
-          <li><strong>B</strong>: Z key</li>
-          <li><strong>X</strong>: S key</li>
-          <li><strong>Y</strong>: A key</li>
-          <li><strong>L</strong>: Q key</li>
-          <li><strong>R</strong>: W key</li>
-          <li><strong>Select</strong>: Shift key</li>
-          <li><strong>Start</strong>: Enter key</li>
-        </ul>
+        <div class="four columns">
+          <ul>
+            <li><strong>Left</strong>: Left arrow key</li>
+            <li><strong>Right</strong>: Right arrow key</li>
+            <li><strong>Down</strong>: Down arrow key</li>
+            <li><strong>Up</strong>: Up arrow key</li>
+            <li><strong>A</strong>: X key</li>
+            <li><strong>B</strong>: Z key</li>
+            <li><strong>X</strong>: S key</li>
+            <li><strong>Y</strong>: A key</li>
+            <li><strong>L</strong>: Q key</li>
+            <li><strong>R</strong>: W key</li>
+            <li><strong>Select</strong>: Shift key</li>
+            <li><strong>Start</strong>: Enter key</li>
+          </ul>
+        </div>
+        <img alt="Controller Layout Diagram" src="/layout.png" class="seven columns"/>
       </div>
     </div>
   </body>
diff --git a/public/layout.png b/public/layout.png
new file mode 100644
index 0000000000000000000000000000000000000000..60ebb93157c636e5e55baacb55137b406d4ed20f
Binary files /dev/null and b/public/layout.png differ