diff --git a/templates/generator.js b/templates/generator.js
index 5f7277b..5572cdb 100644
--- a/templates/generator.js
+++ b/templates/generator.js
@@ -63,7 +63,7 @@ export default function Generator() {
 		}
 
 		const ctx = canvas.getContext("2d");
-		ctx.clearRect(0, 0, 600, 600);
+		ctx.clearRect(0, 0, 700, 700);
 
 		// set line stroke and line width
 		ctx.strokeStyle = "red";
@@ -176,7 +176,7 @@ export default function Generator() {
 				</a>
 			</div>
 			<Pane className="ml-8 shadow-md rounded-md">
-				<canvas id="canvas" height="600" width="600"></canvas>
+				<canvas id="canvas" height="500" width="700"></canvas>
 			</Pane>
 		</div>
 	);