diff --git a/src/BootstrapBlazor/wwwroot/modules/viewer.js b/src/BootstrapBlazor/wwwroot/modules/viewer.js
index a2d5002581b2e95880ec3d31dc74a05f050b98a4..e58c0059aeafcc2ce2bdd9659822c3d97d735d78 100644
--- a/src/BootstrapBlazor/wwwroot/modules/viewer.js
+++ b/src/BootstrapBlazor/wwwroot/modules/viewer.js
@@ -1,4 +1,4 @@
-import Drag from "./drag.js?v=$version"
+import Drag from "./drag.js?v=$version"
 import EventHandler from "./event-handler.js?v=$version"
 
 export default {
@@ -295,7 +295,9 @@ export default {
                     const newValY = viewer.pt.top + Math.ceil(eventY - viewer.originY)
 
                     viewer.prevImg.style.marginLeft = `${newValX}px`
+                    viewer.prevImg.style.marginRight = `${-newValX}px`
                     viewer.prevImg.style.marginTop = `${newValY}px`
+                    viewer.prevImg.style.marginBottom = `${-newValY}px`
                 }
 
             },