diff --git a/src/components/PaginationControls.vue b/src/components/PaginationControls.vue
index 4fd50eb6..9e17ac11 100644
--- a/src/components/PaginationControls.vue
+++ b/src/components/PaginationControls.vue
@@ -1,5 +1,5 @@
 <template>
-	<nav v-if="totalPages > 1" class="flex flex-wrap items-center justify-start gap-3 text-sm text-slate-500 dark:text-slate-400" :aria-label="ariaLabel">
+	<nav v-if="totalPages > 1" class="flex flex-wrap items-center justify-end gap-3 text-sm text-slate-500 dark:text-slate-400" :aria-label="ariaLabel">
 		<p class="font-medium">Page {{ currentPage }} of {{ totalPages }}</p>
 		<div class="flex items-center gap-2">
 			<button type="button" class="pill-button" :disabled="isFirstPage" @click="$emit('previous')">
diff --git a/src/partials/RecommendationPartial.vue b/src/partials/RecommendationPartial.vue
index 311e10f0..d63a0e41 100644
--- a/src/partials/RecommendationPartial.vue
+++ b/src/partials/RecommendationPartial.vue
@@ -29,15 +29,17 @@
 				</div>
 			</li>
 		</ul>
-		<PaginationControls
-			:current-page="currentPage"
-			:total-pages="totalPages"
-			aria-label="Recommendations pagination"
-			previous-label="Previous"
-			next-label="Next"
-			@previous="goToPreviousPage"
-			@next="goToNextPage"
-		/>
+		<div class="flex justify-end pt-4 md:pt-6">
+			<PaginationControls
+				:current-page="currentPage"
+				:total-pages="totalPages"
+				aria-label="Recommendations pagination"
+				previous-label="Previous"
+				next-label="Next"
+				@previous="goToPreviousPage"
+				@next="goToNextPage"
+			/>
+		</div>
 	</section>
 </template>