diff --git a/src/components/PreviewModal.vue b/src/components/PreviewModal.vue
index 459a508..ccaa729 100644
--- a/src/components/PreviewModal.vue
+++ b/src/components/PreviewModal.vue
@@ -102,7 +102,7 @@
         <div class="flex flex-col justify-center items-center bg-gray-700 p-6 rounded mb-6 relative overflow-auto flex-grow">
           <!-- Tooltip for dragging instructions -->
           <div class="text-xs text-gray-400 mb-2" v-if="hasSpriteOffset || sprites.length > 0">
-            <span v-if="hasSpriteOffset">Sprite offset: {{ Math.round(spriteOffset.value.x) }}px, {{ Math.round(spriteOffset.value.y) }}px</span>
+            <span v-if="hasSpriteOffset">Sprite offset: {{ Math.round(spriteOffset.x) }}px, {{ Math.round(spriteOffset.y) }}px</span>
             <span v-else>Click and drag the sprite to move it within the cell</span>
           </div>
 
@@ -202,7 +202,7 @@
 
   // Computed property to check if sprite has been moved from original position
   const hasSpriteOffset = computed(() => {
-    return spriteOffset.value.x !== 0 || spriteOffset.value.y !== 0;
+    return spriteOffset.x !== 0 || spriteOffset.y !== 0;
   });
 
   const handleKeyDown = (e: KeyboardEvent) => {