diff --git a/webui-page/index.html b/webui-page/index.html
index 4bd428e..daf93de 100644
--- a/webui-page/index.html
+++ b/webui-page/index.html
@@ -55,18 +55,6 @@
       <div id="playlist"></div>
     </div>
 
-    <div id="shortcuts-overlay" class="overlay">
-      <div onClick="toggleOverlay('shortcuts-overlay')" class="overlay-top">
-        <i class="far fa-times-circle"></i>
-      </div>
-      <table id="shortcuts-table">
-        <tr>
-          <td><b class="fas fa-keyboard"></b></td>
-          <td>Action</td>
-        </tr>
-      </table>
-    </div>
-
     <div id="settings-overlay" class="overlay">
       <div onClick="toggleOverlay('settings-overlay')" class="overlay-top">
         <i class="far fa-times-circle"></i>
@@ -84,6 +72,18 @@ <h4>Settings</h4>
       <a class="repo-link" href="https://github.com/open-dynaMIX/simple-mpv-webui" target="_blank" title="simple-mpv-webui on GitHub"><i class="fab fa-github"></i></a>
     </div>
 
+    <div id="shortcuts-overlay" class="overlay">
+      <div onClick="toggleOverlay('shortcuts-overlay')" class="overlay-top">
+        <i class="far fa-times-circle"></i>
+      </div>
+      <table id="shortcuts-table">
+        <tr>
+          <td><b class="fas fa-keyboard"></b></td>
+          <td>Action</td>
+        </tr>
+      </table>
+    </div>
+
     <div class="burger">
       <a href="#" onClick="toggleOverlay('playlist-overlay'); return false;" title="Show playlist"><i class="fas fa-list-ul"></i></a>
     </div>