diff --git a/src/components/shared/media-modal.tsx b/src/components/shared/media-modal.tsx
index d10e8ff..e2b9716 100644
--- a/src/components/shared/media-modal.tsx
+++ b/src/components/shared/media-modal.tsx
@@ -32,6 +32,18 @@ export const MediaModal: FC<Props> = ({ className, setIsOpen, activeItem }) => {
 
   useEffect(() => {
     if (!emblaApi) return;
+
+    const onSelect = () => {
+      setCanScrollPrev(emblaApi.canScrollPrev());
+      setCanScrollNext(emblaApi.canScrollNext());
+    };
+
+    emblaApi.on("select", onSelect);
+    onSelect();
+
+    return () => {
+      emblaApi.off("select", onSelect);
+    };
   }, [emblaApi]);
 
   useEffect(() => {