diff --git a/src/components/subtasks_form.rs b/src/components/subtasks_form.rs
index 3e16e28..0548516 100644
--- a/src/components/subtasks_form.rs
+++ b/src/components/subtasks_form.rs
@@ -64,8 +64,10 @@ pub(crate) fn SubtasksForm(task: Task) -> Element {
         match subtasks_query.result().value() {
             QueryResult::Ok(QueryValue::Subtasks(subtasks))
             | QueryResult::Loading(Some(QueryValue::Subtasks(subtasks))) => {
+                let mut subtasks = subtasks.clone();
+                subtasks.sort();
                 rsx! {
-                    for subtask in subtasks.clone() {
+                    for subtask in subtasks {
                         div {
                             key: "{subtask.id()}",
                             class: "flex flex-row items-center gap-3",