diff --git a/src/App/Footer.svelte b/src/App/Footer.svelte
index 634d40a18..a5d93b0ed 100644
--- a/src/App/Footer.svelte
+++ b/src/App/Footer.svelte
@@ -40,6 +40,21 @@
 
 <div class="footer">
   <div class="left">
+    <Popover popoverPositionBottom="2rem" popoverPositionLeft="0">
+      <IconButton slot="toggle" let:toggle on:click={toggle}>
+        <IconSmall name="settings" />
+        Settings
+      </IconButton>
+
+      <Settings slot="popover" />
+    </Popover>
+  </div>
+
+  <div class="center">
+    Press <KeyHint>?</KeyHint>
+    for keyboard shortcuts
+  </div>
+  <div class="right">
     <a
       style:display="flex"
       style:align-items="center"
@@ -51,19 +66,4 @@
       <IconSmall name="arrow-box-up-right" />
     </a>
   </div>
-
-  <div class="center">
-    Press <KeyHint>?</KeyHint>
-    for keyboard shortcuts
-  </div>
-  <div class="right">
-    <Popover popoverPositionBottom="2rem" popoverPositionRight="0">
-      <IconButton slot="toggle" let:toggle on:click={toggle}>
-        <IconSmall name="settings" />
-        Settings
-      </IconButton>
-
-      <Settings slot="popover" />
-    </Popover>
-  </div>
 </div>