diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 9251a388e..a2374802c 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -18,18 +18,6 @@
 					</fancycheckbox>
 				</div>
 			</div>
-			<div class="field">
-				<label class="label">Due Date</label>
-				<div class="control">
-					<flat-pickr
-						:config="flatPickerConfig"
-						@on-close="setDueDateFilter"
-						class="input"
-						placeholder="Due Date Range"
-						v-model="filters.dueDate"
-					/>
-				</div>
-			</div>
 			<div class="field">
 				<label class="label">Priority</label>
 				<div class="control single-value-control">
@@ -46,6 +34,34 @@
 					</fancycheckbox>
 				</div>
 			</div>
+			<div class="field">
+				<label class="label">Percent Done</label>
+				<div class="control single-value-control">
+					<percent-done-select
+						v-model.number="filters.percentDone"
+						@change="setPercentDoneFilter"
+						:disabled="!filters.usePercentDone"
+					/>
+					<fancycheckbox
+						v-model="filters.usePercentDone"
+						@change="setPercentDoneFilter"
+					>
+						Enable Filter By Percent Done
+					</fancycheckbox>
+				</div>
+			</div>
+			<div class="field">
+				<label class="label">Due Date</label>
+				<div class="control">
+					<flat-pickr
+						:config="flatPickerConfig"
+						@on-close="setDueDateFilter"
+						class="input"
+						placeholder="Due Date Range"
+						v-model="filters.dueDate"
+					/>
+				</div>
+			</div>
 			<div class="field">
 				<label class="label">Start Date</label>
 				<div class="control">
@@ -82,22 +98,7 @@
 					/>
 				</div>
 			</div>
-			<div class="field">
-				<label class="label">Percent Done</label>
-				<div class="control single-value-control">
-					<percent-done-select
-						v-model.number="filters.percentDone"
-						@change="setPercentDoneFilter"
-						:disabled="!filters.usePercentDone"
-					/>
-					<fancycheckbox
-						v-model="filters.usePercentDone"
-						@change="setPercentDoneFilter"
-					>
-						Enable Filter By Percent Done
-					</fancycheckbox>
-				</div>
-			</div>
+
 			<div class="field">
 				<label class="label">Assignees</label>
 				<div class="control">