diff --git a/src/dev/app.tsx b/src/dev/app.tsx
index 86e4601..d2135ba 100644
--- a/src/dev/app.tsx
+++ b/src/dev/app.tsx
@@ -41,14 +41,14 @@ const App = () => {
     for (let i = 0; i < frames; i++) {
       const col = i % columns!
       const row = Math.floor(i / columns!)
-      const x = -col * width
-      const y = -row * height
+      const x = -col * width * scale
+      const y = -row * height * scale
       const percent = (i / frames) * 100
       steps.push(`${percent}%{background-position:${x}px ${y}px}`)
     }
     keyframes = `@keyframes ${keyframeId}{${steps.join("")}}`
   } else {
-    keyframes = `@keyframes ${keyframeId}{from{background-position:0 0}to{background-position:-${sheetWidth}px 0}}`
+    keyframes = `@keyframes ${keyframeId}{from{background-position:0 0}to{background-position:-${sheetWidth * scale}px 0}}`
   }
 
   const previewStyle = {