diff --git a/src/ol/render/canvas/Executor.js b/src/ol/render/canvas/Executor.js
index cb018d1e42..aa992258f1 100644
--- a/src/ol/render/canvas/Executor.js
+++ b/src/ol/render/canvas/Executor.js
@@ -700,8 +700,8 @@ class CanvasExecutor {
             backgroundFill = backgroundStroke = false;
           }
 
-          if (rotateWithView) {
-            rotation += viewRotation;
+          if (!rotateWithView) {
+            rotation -= viewRotation;
           }
           let widthIndex = 0;
           for (; d < dd; d += 2) {
diff --git a/src/ol/renderer/canvas/VectorTileLayer.js b/src/ol/renderer/canvas/VectorTileLayer.js
index 2e1a4afed8..c1447a7ab6 100644
--- a/src/ol/renderer/canvas/VectorTileLayer.js
+++ b/src/ol/renderer/canvas/VectorTileLayer.js
@@ -78,6 +78,8 @@ class CanvasVectorTileLayerRenderer extends CanvasTileLayerRenderer {
     style.display = 'flex';
     style.alignItems = 'center';
     style.justifyContent = 'center';
+    style.width = '100%';
+    style.height = '100%';
 
     container.appendChild(baseCanvas);
     container.appendChild(overlayCanvas);
@@ -420,7 +422,7 @@ class CanvasVectorTileLayerRenderer extends CanvasTileLayerRenderer {
           continue;
         }
         if (!transform) {
-          transform = this.getTransform(frameState, worldOffset);
+          transform = this.getRenderTransform(frameState, width, height, worldOffset);
         }
         const currentZ = sourceTile.tileCoord[0];
         const currentClip = executorGroup.getClipCoords(transform);