diff --git a/content/static/js/main.js b/content/static/js/main.js
index f7b37fbed220a4db8349ca62a5d3d572b318000a..f358387ef72a67cf0146c7bf1cbcfa40593b49cd 100644
--- a/content/static/js/main.js
+++ b/content/static/js/main.js
@@ -407,7 +407,7 @@ $(window).ready(
 			}
 		);
 		
-		const createPdf = () => {
+		const createPdf = (page2Canvas = null) => {
 			const pdfDocument = new jsPDF({
 				orientation: "portrait",
 				unit: "pt",
@@ -424,7 +424,10 @@ $(window).ready(
 			pdfDocument.addPage();
 			
 			pdfDocument.addImage(
-				document.getElementById("page-2-canvas"),
+				(
+					(page2Canvas === null) ?
+					document.getElementById("page-2-canvas") : page2Canvas
+				),
 				"JPEG",
 				0, 0,
 				595.28, 841.89
@@ -443,18 +446,29 @@ $(window).ready(
 		$("#download-electronic-pdf").on(
 			"click",
 			() => {
+				const tempCanvas = document.createElement("canvas");
 				const secondPageCanvas = document.getElementById("page-2-canvas");
-				const secondPageContext = secondPageCanvas.getContext("2d");
-				const canvasHeight = secondPageCanvas.height * 0.8;
 				
-				secondPageContext.fillStyle = "#ffffff";
+				tempCanvas.width = secondPageCanvas.width;
+				tempCanvas.height = secondPageCanvas.height;
 				
-				secondPageContext.fillRect(
-					0, secondPageCanvas.height - canvasHeight,
-					secondPageCanvas.width, canvasHeight
+				const tempContext = tempCanvas.getContext("2d");
+				
+				tempContext.drawImage(
+					secondPageCanvas,
+					0, 0
 				);
 				
-				createPdf();
+				const rectHeight = tempCanvas.height * 0.8;
+				
+				tempContext.fillStyle = "#ffffff";
+				
+				tempContext.fillRect(
+					0, tempCanvas.height - rectHeight,
+					tempCanvas.width, rectHeight
+				);
+				
+				createPdf(tempCanvas);
 			}
 		);
 	}