diff --git a/web/src/connectors/task-annotator-connector/task-annotator-context.tsx b/web/src/connectors/task-annotator-connector/task-annotator-context.tsx
index d478a8039..c1d41d008 100644
--- a/web/src/connectors/task-annotator-connector/task-annotator-context.tsx
+++ b/web/src/connectors/task-annotator-connector/task-annotator-context.tsx
@@ -322,7 +322,7 @@ export const TaskAnnotatorContextProvider: React.FC<ProviderProps> = ({
         const annotationTaskResponse = useTaskById({ taskId }, {});
         task = annotationTaskResponse.data;
         isTaskLoading = annotationTaskResponse.isLoading;
-        taskPages = annotationTaskResponse.data?.pages ?? [];
+        taskPages = annotationTaskResponse.data?.pages.sort() ?? [];
         refetchTask = annotationTaskResponse.refetch;
     }