diff --git a/src/Web/Avalonia.Web.Sample/index.html b/src/Web/Avalonia.Web.Sample/index.html
index 8f6d402651..a4e017a9aa 100644
--- a/src/Web/Avalonia.Web.Sample/index.html
+++ b/src/Web/Avalonia.Web.Sample/index.html
@@ -13,7 +13,7 @@
 </head>
 
 <body style="margin: 0px">
-    <div id="out"></div>
+    <div id="out" style="height: 100vh; width: 100vw"></div>
     <script type='module' src="./main.js"></script>
 </body>
 
diff --git a/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts b/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts
index 521ecc51de..0333c3d734 100644
--- a/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts
+++ b/src/Web/Avalonia.Web/webapp/modules/avalonia/dom.ts
@@ -11,6 +11,7 @@ export class AvaloniaDOM {
         canvas.style.backgroundColor = "#ccc";
         canvas.style.width = "100%";
         canvas.style.height = "100%";
+        canvas.style.position = "absolute";
         host.appendChild(canvas);
         
         // Native controls host
