diff --git a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
index 0df3d6ec..063bc7cb 100644
--- a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
+++ b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
@@ -346,8 +346,12 @@ describe("WindowFrame content zoom controls", () => {
     expect(Number.parseFloat(windowSection?.style.width ?? "")).toBeCloseTo(500, 5);
     expect(windowSection).toHaveStyle({
       height: "300px",
-      zoom: "1.4",
+      left: "40px",
+      top: "40px",
+      transform: "scale(1.4)",
+      transformOrigin: "0 0",
     });
+    expect(windowSection?.style.zoom).toBe("");
     expect(body?.style.zoom).toBe("");
     expect(screen.getByRole("button", { name: "Zoom Agents content out" }).closest(".window")).toBe(
       windowSection,
diff --git a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
index 6385a923..3c07c532 100644
--- a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
+++ b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
@@ -912,7 +912,8 @@ function WindowFrameImpl({
       width: ew,
       height: eh,
       zIndex: win.z,
-      zoom,
+      transform: `scale(${String(zoom)})`,
+      transformOrigin: "0 0",
     }),
     [win.x, win.y, ew, eh, win.z, zoom],
   );