diff --git a/src/components/media-modal.jsx b/src/components/media-modal.jsx
index dfdcbd64..b254b6df 100644
--- a/src/components/media-modal.jsx
+++ b/src/components/media-modal.jsx
@@ -260,8 +260,8 @@ function MediaModal({
                   e.stopPropagation();
                   const left =
                     carouselRef.current.clientWidth * i * (isRTL() ? -1 : 1);
-                  carouselRef.current.scrollTo({ left, behavior: 'smooth' });
                   carouselRef.current.focus();
+                  carouselRef.current.scrollTo({ left, behavior: 'smooth' });
                 }}
               >
                 <Icon icon="round" size="s" alt="⸱" />