diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
index a8b5bfa59..3d93b5212 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
@@ -122,8 +122,14 @@ export function PreviewWorkspace({
       uiTrees.map((item) => {
         const image = images[item.src_ui_design];
         const ppu = image?.pixels_per_unit ?? 0;
-        const width = image ? image.pixel_size[0] / ppu : 0;
-        const height = image ? image.pixel_size[1] / ppu : 0;
+        const width =
+          image && Number.isFinite(ppu) && ppu > 0
+            ? image.pixel_size[0] / ppu
+            : 0;
+        const height =
+          image && Number.isFinite(ppu) && ppu > 0
+            ? image.pixel_size[1] / ppu
+            : 0;
         return {
           tree: item,
           image,