diff --git a/packages/core/src/createZoomImageMove.ts b/packages/core/src/createZoomImageMove.ts
index d4a30606..baf57f82 100644
--- a/packages/core/src/createZoomImageMove.ts
+++ b/packages/core/src/createZoomImageMove.ts
@@ -66,7 +66,7 @@ export function createZoomImageMove(container: HTMLElement, options: ZoomImageMo
   function handlePointerLeave() {
     zoomedImg.style.display = "none"
     zoomedImg.style.transform = "none"
-    if (disableScrollLock) enableScroll()
+    if (!disableScrollLock) enableScroll()
   }
 
   const calculatePositionX = (newPositionX: number) => {
diff --git a/packages/docs/src/components/HomePageShow.vue b/packages/docs/src/components/HomePageShow.vue
index 516380b8..42451cf1 100644
--- a/packages/docs/src/components/HomePageShow.vue
+++ b/packages/docs/src/components/HomePageShow.vue
@@ -166,7 +166,7 @@ watch(
       <p>Hover inside the image to see zoom effect</p>
       <div
         ref="imageHoverContainerRef"
-        class="relative mt-1 flex h-[200px] w-[200px] items-start sm:h-[250px] sm:w-[250px] lg:h-[300px] lg:w-[300px]"
+        class="relative mt-1 flex h-[200px] w-[133.33px] items-start sm:h-[250px] sm:w-[166.66px] lg:h-[300px] lg:w-[200px]"
       >
         <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
         <div ref="zoomTargetRef" class="absolute left-[220px] sm:left-[300px] lg:left-[350px]"></div>