diff --git a/outputframe-app/elements/render-canvas/render-canvas.ts b/outputframe-app/elements/render-canvas/render-canvas.ts
index c8ecf26..f066787 100644
--- a/outputframe-app/elements/render-canvas/render-canvas.ts
+++ b/outputframe-app/elements/render-canvas/render-canvas.ts
@@ -28,10 +28,12 @@ export class RenderCanvas extends BaseElement {
this.width = this.parentElement.clientWidth;
this.height = this.parentElement.clientHeight;
- this.canvas.style.width = this.width + "px";
- this.canvas.style.height = this.width + "px";
- this.canvas.setAttribute("width", this.width.toString());
- this.canvas.setAttribute("height", this.width.toString());
+ var smallest = Math.min(this.width, this.height);
+
+ this.canvas.style.width = smallest + "px";
+ this.canvas.style.height = smallest + "px";
+ this.canvas.setAttribute("width", smallest.toString());
+ this.canvas.setAttribute("height", smallest.toString());
}
}