diff --git a/src/ol/renderer/canvas/Layer.js b/src/ol/renderer/canvas/Layer.js
index 39d8ce195e..47223a9fea 100644
--- a/src/ol/renderer/canvas/Layer.js
+++ b/src/ol/renderer/canvas/Layer.js
@@ -109,6 +109,7 @@ class CanvasLayerRenderer extends LayerRenderer {
       container.appendChild(canvas);
       style = canvas.style;
       style.position = 'absolute';
+      style.left = '0';
       style.transformOrigin = 'top left';
       this.container = container;
       this.context = context;
diff --git a/src/ol/renderer/canvas/VectorTileLayer.js b/src/ol/renderer/canvas/VectorTileLayer.js
index c84d44ff38..12cbaf72f7 100644
--- a/src/ol/renderer/canvas/VectorTileLayer.js
+++ b/src/ol/renderer/canvas/VectorTileLayer.js
@@ -138,6 +138,7 @@ class CanvasVectorTileLayerRenderer extends CanvasTileLayerRenderer {
       const overlayContext = createCanvasContext2D();
       const style = overlayContext.canvas.style;
       style.position = 'absolute';
+      style.left = '0';
       style.transformOrigin = 'top left';
       this.overlayContext_ = overlayContext;
       this.overlayContextUid_ = getUid(overlayContext);
diff --git a/src/ol/webgl/Helper.js b/src/ol/webgl/Helper.js
index 517edac2b2..04c6eee152 100644
--- a/src/ol/webgl/Helper.js
+++ b/src/ol/webgl/Helper.js
@@ -247,6 +247,7 @@ class WebGLHelper extends Disposable {
      */
     this.canvas_ = document.createElement('canvas');
     this.canvas_.style.position = 'absolute';
+    this.canvas_.style.left = '0';
 
 
     /**