diff --git a/src/components/SpritePreview.vue b/src/components/SpritePreview.vue
index c61915f..7c7adca 100644
--- a/src/components/SpritePreview.vue
+++ b/src/components/SpritePreview.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="spritesheet-preview w-full">
-    <div class="flex flex-col lg:flex-row gap-4">
-      <div class="flex-1 min-w-0">
-        <div class="relative bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-lg overflow-auto min-h-[300px] sm:min-h-[520px] shadow-sm hover:shadow-md transition-shadow duration-200">
+  <div class="spritesheet-preview w-full h-full">
+    <div class="flex flex-col lg:flex-row gap-4 h-full">
+      <div class="flex-1 min-w-0 flex flex-col">
+        <div class="relative bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-lg overflow-auto flex-1 min-h-[300px] max-h-[calc(100vh-12rem)] shadow-sm hover:shadow-md transition-shadow duration-200">
           <canvas
             ref="previewCanvasRef"
             @mousedown="startDrag"