diff --git a/static/index.html b/static/index.html
index 5ee6f0fec..50529eaea 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1437,8 +1437,19 @@
               <key>esc</key>
               )
             </div>
-
-            <div class="sectionGroupTitle hidden" group="account">
+            <div class="sectionGroupTitle">quick navigation</div>
+            <div>
+              <a href="#account">account</a>
+              <a href="#behavior">behavior</a>
+              <a href="#input">input</a>
+              <a href="#sound">sound</a>
+              <a href="#caretSettings">caret</a>
+              <a href="#appearance">appearance</a>
+              <a href="#theme">theme</a>
+              <a href="#hideElements">hide elements</a>
+              <a href="#dangerZone">danger zone</a>
+            </div>
+            <div id="account" class="sectionGroupTitle hidden" group="account">
               account
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -1505,7 +1516,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="behaviour">
+            <div id="behavior" class="sectionGroupTitle" group="behaviour">
               behaviour
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -1680,7 +1691,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="input">
+            <div id="input" class="sectionGroupTitle" group="input">
               input
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -1830,7 +1841,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="sound">
+            <div id="sound" class="sectionGroupTitle" group="sound">
               sound
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -1901,7 +1912,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="caret">
+            <div id="caretSettings" class="sectionGroupTitle" group="caret">
               caret
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -2059,7 +2070,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="appearance">
+            <div id="appearance" class="sectionGroupTitle" group="appearance">
               appearance
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -2453,7 +2464,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="theme">
+            <div id="theme" class="sectionGroupTitle" group="theme">
               theme
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -2646,7 +2657,11 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="hideElements">
+            <div
+              id="hideElements"
+              class="sectionGroupTitle"
+              group="hideElements"
+            >
               hide elements
               <i class="fas fa-chevron-down"></i>
             </div>
@@ -2713,7 +2728,7 @@
               <div class="sectionSpacer"></div>
             </div>
 
-            <div class="sectionGroupTitle" group="dangerZone">
+            <div id="dangerZone" class="sectionGroupTitle" group="dangerZone">
               danger zone
               <i class="fas fa-chevron-down"></i>
             </div>