diff --git a/src/hooks/common/useRefFiles.js b/src/hooks/common/useRefFiles.js
index 36193d6d..860f9178 100644
--- a/src/hooks/common/useRefFiles.js
+++ b/src/hooks/common/useRefFiles.js
@@ -204,14 +204,15 @@ export function useRefFiles() {
    * return [start, end]
    */
   const getImageCoordinates = () => {
+    const margin = 20
     const minX = canvas.getObjects().reduce((acc, cur) => (cur.left < acc ? cur.left : acc), 0)
     const minY = canvas.getObjects().reduce((acc, cur) => (cur.top < acc ? cur.top : acc), 0)
 
     const maxX = canvas.getObjects().reduce((acc, cur) => (cur.left + cur.width > acc ? cur.left + cur.width : acc), 0)
     const maxY = canvas.getObjects().reduce((acc, cur) => (cur.top + cur.height > acc ? cur.top + cur.height : acc), 0)
     return [
-      { x: minX - 20, y: minY - 20 },
-      { x: maxX + 20, y: maxY + 20 },
+      { x: minX - margin, y: minY - margin },
+      { x: maxX + margin, y: maxY + margin },
     ]
   }