diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 1f1cc80..a5b3856 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -778,14 +778,6 @@ onMounted(init)
     <details class="settings" ref="recurringPanel">
       <summary>Recurring</summary>
 
-      <form @submit.prevent="addRecurring">
-        <input v-model="newRecurringName" type="text" placeholder="Add recurring item" />
-        <select class="item-sublist" v-model="newRecurringSublistId">
-          <option v-for="s in sublists" :key="s.id" :value="s.id">{{ s.name }}</option>
-        </select>
-        <button type="submit">Add</button>
-      </form>
-
       <ul class="recurring-list">
         <li v-for="(r, index) in recurring" :key="r.id" class="item">
           <div class="swipe-bg recurring-swipe-bg">
@@ -812,6 +804,14 @@ onMounted(init)
           </div>
         </li>
       </ul>
+
+      <form @submit.prevent="addRecurring">
+        <input v-model="newRecurringName" type="text" placeholder="Add recurring item" />
+        <select class="item-sublist" v-model="newRecurringSublistId">
+          <option v-for="s in sublists" :key="s.id" :value="s.id">{{ s.name }}</option>
+        </select>
+        <button type="submit">Add</button>
+      </form>
     </details>
   </main>
 </template>