diff --git a/CI-ColorWebs/wwwroot/js/truepalette.js b/CI-ColorWebs/wwwroot/js/truepalette.js
index 66dc84fb653fd50e681488685caf9ba2d5a8c472..73f2848532d3780ee7ab22c475f4c673d0672cd3 100644
--- a/CI-ColorWebs/wwwroot/js/truepalette.js
+++ b/CI-ColorWebs/wwwroot/js/truepalette.js
@@ -43,27 +43,27 @@ const bre = () => {
 
     palColor.innerHTML = leColor[0];
     context.fillStyle = leColor[0];
-    context.fillRect(110, 0, 70, 100);
+    context.fillRect(0, 0, 116, 150);
     document.getElementById("palColor").style.color = leColor[0];
     palColor2.innerHTML = leColor[1];
     context.fillStyle = leColor[1];
-    context.fillRect(180, 0, 70, 100);
+    context.fillRect(116, 0, 116, 150);
     document.getElementById("palColor2").style.color = leColor[1];
     palColor3.innerHTML = leColor[2];
     context.fillStyle = leColor[2];
-    context.fillRect(250, 0, 70, 100);
+    context.fillRect(232, 0, 116, 150);
     document.getElementById("palColor3").style.color = leColor[2];
     palColor4.innerHTML = leColor[3];
     context.fillStyle = leColor[3];
-    context.fillRect(320, 0, 70, 100);
+    context.fillRect(348, 0, 116, 150);
     document.getElementById("palColor4").style.color = leColor[3];
     palColor5.innerHTML = leColor[4];
     context.fillStyle = leColor[4];
-    context.fillRect(390, 0, 70, 100);
+    context.fillRect(464, 0, 116, 150);
     document.getElementById("palColor5").style.color = leColor[4];
     palColor6.innerHTML = leColor[5];
     context.fillStyle = leColor[5];
-    context.fillRect(460, 0, 70, 100);
+    context.fillRect(580, 0, 116, 150);
     document.getElementById("palColor6").style.color = leColor[5];
 }