diff --git a/data/main.js b/data/main.js
index a6ae13e1..383eb424 100644
--- a/data/main.js
+++ b/data/main.js
@@ -661,6 +661,7 @@ function bottomInfoM15() {
 	}
 	textContext.fillText(infoCopyright, 700, copyrightY)
 	textContext.textAlign = "left"
+	drawCard()
 }
 
 function sectionOtherFunction() {
@@ -903,8 +904,15 @@ function loadNyxImages() {
 		imgNyxRight.load(imgFrameRight.src.replace("frame.png", "nyx.png"))
 	}
 }
+function changePowerToughnessColor() {
+	if (document.getElementById("inputCheckboxFrameRight").checked) {
+		imgPowerToughness.load(document.getElementById("inputFrameRightColor").value + 'pt.png')
+	} else {
+		imgPowerToughness.load(document.getElementById("inputFrameColor").value + 'pt.png')
+	}
+}
 for (var i = 0; i < document.getElementsByClassName("changesFrame").length; i++) {
-	document.getElementsByClassName("changesFrame")[i].addEventListener("change", function() {loadLegendaryImages(); loadRareStampImages(); loadNyxImages(); loadMiracleImages()}, false)
+	document.getElementsByClassName("changesFrame")[i].addEventListener("change", function() {loadLegendaryImages(); loadRareStampImages(); loadNyxImages(); loadMiracleImages(); changePowerToughnessColor()}, false)
 }
 for (var i = 0; i < document.getElementsByClassName("changesTitleType").length; i++) {
 	document.getElementsByClassName("changesTitleType")[i].addEventListener("change", function() {loadMiracleImages()}, false)
diff --git a/index.html b/index.html
index b09e62dd..46c8683d 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,7 @@
 						<div>Frame (right)</div>
 					</div>
 					<span class="dropdown">
-						<select class="selectColor changesFrame" onchange="imgFrameRight.load(this.value + 'frame.png')"></select>
+						<select class="selectColor changesFrame" onchange="imgFrameRight.load(this.value + 'frame.png')" id="inputFrameRightColor"></select>
 					</span>
 					<br><br>
 					<div class="checkbox">