diff --git a/src/components/RefGallery.vue b/src/components/RefGallery.vue
index f08022c..506407f 100644
--- a/src/components/RefGallery.vue
+++ b/src/components/RefGallery.vue
@@ -49,7 +49,9 @@ const next = (): void => {
 };
 
 const onScroll = (): void => {
-  const newImg = getActiveImage(galleryViewport.value, galleryItemWidth.value);
+  const newImg = Math.floor(
+    getActiveImage(galleryViewport.value, galleryItemWidth.value)
+  );
   setActiveImage(newImg);
 };
 
@@ -58,7 +60,7 @@ onMounted(() => {
   images.value = Array.from(galleryViewport.value.children);
   galleryItemWidth.value =
     galleryViewport.value.scrollWidth / images.value.length;
-  galleryViewport.value.addEventListener("scroll", debounce(onScroll, 100));
+  galleryViewport.value.addEventListener("scroll", debounce(onScroll, 500));
 });
 </script>