diff --git a/apps/settings/src/components/AppStoreDiscover/CarouselType.vue b/apps/settings/src/components/AppStoreDiscover/CarouselType.vue
index d0f410b433d..42493d24f31 100644
--- a/apps/settings/src/components/AppStoreDiscover/CarouselType.vue
+++ b/apps/settings/src/components/AppStoreDiscover/CarouselType.vue
@@ -101,12 +101,12 @@ export default defineComponent({
 		const internalId = computed(() => props.id ?? (Math.random() + 1).toString(36).substring(7))
 		const headingId = computed(() => `${internalId.value}-h`)
 
-		const transitionName = ref('slide-out')
+		const transitionName = ref('slide-in')
 		watch(() => currentIndex.value, (o, n) => {
 			if (o < n) {
-				transitionName.value = 'slide-out'
-			} else {
 				transitionName.value = 'slide-in'
+			} else {
+				transitionName.value = 'slide-out'
 			}
 
 			// Wait next tick