diff --git a/web/pageComponents/shared/Carousel/Navigation.tsx b/web/pageComponents/shared/Carousel/Navigation.tsx
index 5b5f813cf..7f6cfb1e8 100644
--- a/web/pageComponents/shared/Carousel/Navigation.tsx
+++ b/web/pageComponents/shared/Carousel/Navigation.tsx
@@ -55,6 +55,12 @@ export const NavButton = ({ type }: { type: 'prev' | 'next' }) => {
     swiper.on('unlock', (swipe) => {
       updateConfig(swipe)
     })
+    swiper.on('transitionStart', (swipe) => {
+      updateConfig(swipe)
+    })
+    swiper.on('transitionEnd', (swipe) => {
+      updateConfig(swipe)
+    })
   }, [swiper])
 
   if (type !== 'prev' && type !== 'next') return null