diff --git a/frontend/static/html/pages/settings.html b/frontend/static/html/pages/settings.html
index 8c5323749..bc6c2de13 100644
--- a/frontend/static/html/pages/settings.html
+++ b/frontend/static/html/pages/settings.html
@@ -2151,6 +2151,24 @@
                   id="--bg-color"
                 />
               </div>
+              <label class="colorText">sub alt</label>
+              <div class="colorPicker inputAndButton">
+                <input
+                  type="text"
+                  value="#000000"
+                  class="input"
+                  id="--sub-alt-color-txt"
+                />
+                <label for="--sub-alt-color" class="button">
+                  <i class="fas fa-fw fa-palette"></i>
+                </label>
+                <input
+                  type="color"
+                  class="color"
+                  value="#000000"
+                  id="--sub-alt-color"
+                />
+              </div>
               <label class="colorText">main</label>
               <div class="colorPicker inputAndButton">
                 <input
@@ -2169,24 +2187,6 @@
                   id="--main-color"
                 />
               </div>
-              <label class="colorText">caret</label>
-              <div class="colorPicker inputAndButton">
-                <input
-                  type="text"
-                  value="#000000"
-                  class="input"
-                  id="--caret-color-txt"
-                />
-                <label for="--caret-color" class="button">
-                  <i class="fas fa-fw fa-palette"></i>
-                </label>
-                <input
-                  type="color"
-                  class="color"
-                  value="#000000"
-                  id="--caret-color"
-                />
-              </div>
               <label class="colorText">sub</label>
               <div class="colorPicker inputAndButton">
                 <input
@@ -2205,22 +2205,22 @@
                   id="--sub-color"
                 />
               </div>
-              <label class="colorText">sub alt</label>
+              <label class="colorText">caret</label>
               <div class="colorPicker inputAndButton">
                 <input
                   type="text"
                   value="#000000"
                   class="input"
-                  id="--sub-alt-color-txt"
+                  id="--caret-color-txt"
                 />
-                <label for="--sub-alt-color" class="button">
+                <label for="--caret-color" class="button">
                   <i class="fas fa-fw fa-palette"></i>
                 </label>
                 <input
                   type="color"
                   class="color"
                   value="#000000"
-                  id="--sub-alt-color"
+                  id="--caret-color"
                 />
               </div>
               <label class="colorText">text</label>