diff --git a/src/backend/gl/kernel.js b/src/backend/gl/kernel.js
index 29948449..9d8c198c 100644
--- a/src/backend/gl/kernel.js
+++ b/src/backend/gl/kernel.js
@@ -929,9 +929,9 @@ class GLKernel extends Kernel {
       this.updateMaxTexSize();
       this.framebuffer.width = this.texSize[0];
       this.framebuffer.height = this.texSize[1];
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
       this.canvas.width = this.maxTexSize[0];
       this.canvas.height = this.maxTexSize[1];
+      gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
       if (this.texture) {
         this.texture.delete();
       }
@@ -1056,4 +1056,4 @@ const typeMap = {
 
 module.exports = {
   GLKernel
-};
\ No newline at end of file
+};
diff --git a/src/backend/web-gl/kernel.js b/src/backend/web-gl/kernel.js
index ffea4705..e87b8be7 100644
--- a/src/backend/web-gl/kernel.js
+++ b/src/backend/web-gl/kernel.js
@@ -491,15 +491,9 @@ class WebGLKernel extends GLKernel {
     }
     const { texSize, context: gl, canvas } = this;
     gl.enable(gl.SCISSOR_TEST);
-    if (this.pipeline && this.precision === 'single') {
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
-      canvas.width = this.maxTexSize[0];
-      canvas.height = this.maxTexSize[1];
-    } else {
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
-      canvas.width = this.maxTexSize[0];
-      canvas.height = this.maxTexSize[1];
-    }
+    canvas.width = this.maxTexSize[0];
+    canvas.height = this.maxTexSize[1];
+    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
     const threadDim = this.threadDim = Array.from(this.output);
     while (threadDim.length < 3) {
       threadDim.push(1);
@@ -1604,4 +1598,4 @@ float integerCorrectionModulo(float number, float divisor) {
 
 module.exports = {
   WebGLKernel
-};
\ No newline at end of file
+};