diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index b0dece6d32..ae8115c040 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, computed, watch, ref } from 'vue';
+import { computed, watch, ref, onMounted } from 'vue';
 import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import XTutorial from '@/components/MkTutorialDialog.vue';
@@ -287,6 +287,10 @@ function syncSlide(index) {
 	swiperRef.slideTo(index);
 }
 
+onMounted(() => {
+	syncSlide(timelines.indexOf(swiperRef.activeIndex));
+}
+
 </script>
 
 <style lang="scss" scoped>