diff --git a/thermion_flutter/thermion_flutter/lib/thermion/widgets/thermion_widget.dart b/thermion_flutter/thermion_flutter/lib/thermion/widgets/thermion_widget.dart
index 3f874b42..ed77023b 100644
--- a/thermion_flutter/thermion_flutter/lib/thermion/widgets/thermion_widget.dart
+++ b/thermion_flutter/thermion_flutter/lib/thermion/widgets/thermion_widget.dart
@@ -43,8 +43,10 @@ class _ThermionWidgetState extends State<ThermionWidget> {
         }
       });
       var dpr = MediaQuery.of(context).devicePixelRatio;
+      
       var size = ((context.findRenderObject()) as RenderBox).size;
-      _texture = await ThermionFlutterPlugin.createTexture(size.width, size.height, 0, 0, dpr);
+      _texture = await ThermionFlutterPlugin.createTexture(
+          size.width, size.height, 0, 0, dpr);
 
       if (mounted) {
         setState(() {});
@@ -140,4 +142,3 @@ class TransparencyPainter extends CustomPainter {
   @override
   bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
 }
-
diff --git a/thermion_flutter/thermion_flutter_web/lib/thermion_flutter_web.dart b/thermion_flutter/thermion_flutter_web/lib/thermion_flutter_web.dart
index ad9eaee1..6bb4ba1b 100644
--- a/thermion_flutter/thermion_flutter_web/lib/thermion_flutter_web.dart
+++ b/thermion_flutter/thermion_flutter_web/lib/thermion_flutter_web.dart
@@ -16,17 +16,14 @@ class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
   Future<ThermionFlutterTexture?> createTexture(double width, double height,
       double offsetLeft, double offsetRight, double pixelRatio) async {
     await _viewer!.destroySwapChain();
-    var physicalWidth = (width * pixelRatio).ceil();
-    var physicalHeight = (width * pixelRatio).ceil();
-    await _viewer!.createSwapChain(physicalWidth, physicalHeight);
+    await _viewer!.createSwapChain(width.ceil(), height.ceil());
 
     final canvas = document.getElementById("canvas") as HTMLCanvasElement;
-    canvas.width = physicalWidth;
-    canvas.height = physicalHeight;
+    canvas.width = (width * pixelRatio).ceil();
+    canvas.height = (height * pixelRatio).ceil();
 
-    print("canvas dimensions ${width}x${height}");
-
-    _viewer!.updateViewportAndCameraProjection(physicalWidth, physicalHeight, 1.0);
+    _viewer!
+        .updateViewportAndCameraProjection(width.ceil(), height.ceil(), 1.0);
 
     return ThermionFlutterTexture(null, null, 0, 0, null);
   }
@@ -52,7 +49,10 @@ class ThermionFlutterWebPlugin extends ThermionFlutterPlatform {
     canvas.id = "canvas";
     document.body!.appendChild(canvas);
     canvas.style.display = 'none';
-    await _viewer!.initialize(1, 1, uberArchivePath: uberArchivePath);
+    final pixelRatio = window.devicePixelRatio;
+    
+    await _viewer!
+        .initialize(1, 1, pixelRatio, uberArchivePath: uberArchivePath);
     return _viewer!;
   }
 }