diff --git a/frontend/src/components/base/BasePagination.vue b/frontend/src/components/base/BasePagination.vue
index 53c486697..614528283 100644
--- a/frontend/src/components/base/BasePagination.vue
+++ b/frontend/src/components/base/BasePagination.vue
@@ -159,11 +159,13 @@ const pages = computed(() => createPagination(props.totalPages, props.currentPag
 	}
 
 	.pagination {
+		justify-content: space-between;
 		margin-block: 0;
 
 		&.is-centered {
 			.pagination-list {
 				justify-content: center;
+				order: 2;
 			}
 		}
 	}
diff --git a/frontend/src/components/misc/PaginationItem.vue b/frontend/src/components/misc/PaginationItem.vue
index f62a160c4..e3cd60db4 100644
--- a/frontend/src/components/misc/PaginationItem.vue
+++ b/frontend/src/components/misc/PaginationItem.vue
@@ -132,6 +132,16 @@ const emit = defineEmits<{
 	.pagination-link {
 		margin-block: 0;
 	}
+
+	// BasePagination hardcodes `.is-centered`, so prev and next are flex-ordered
+	// around the centered page list (prev left, list middle, next right).
+	.pagination-previous {
+		order: 1;
+	}
+
+	.pagination-next {
+		order: 3;
+	}
 }
 </style>