diff --git a/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx b/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx
index c31bac17..77e1fead 100644
--- a/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx
+++ b/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx
@@ -189,7 +189,7 @@ Your final page will look like this:
 
 <iframe
 	src="https://leaningtech.github.io/cheerpj-meta/examples/FoilSim-Applet/"
-	class="w-full aspect-square"
+	style="-webkit-transform: scale(0.5); -webkit-transform-origin:0 0; height: 100vh; width: 100vw;"
 ></iframe>
 
 ## Source code