diff --git a/packages/pixel_ui/src/canvas/TemplateCreationOverlay.js b/packages/pixel_ui/src/canvas/TemplateCreationOverlay.js
index dd049f7e..9f1312c0 100644
--- a/packages/pixel_ui/src/canvas/TemplateCreationOverlay.js
+++ b/packages/pixel_ui/src/canvas/TemplateCreationOverlay.js
@@ -98,7 +98,7 @@ const TemplateCreationOverlay = (props) => {
     const imageData = ctx.getImageData(0, 0, image.width, image.height);
     const data = imageData.data;
 
-    let imagePalleteIds = [];
+    let imagePaletteIds = [];
     // Convert image data to color palette
     for (let i = 0; i < data.length; i += 4) {
       if (data[i + 3] < 128) {
@@ -106,7 +106,7 @@ const TemplateCreationOverlay = (props) => {
         data[i + 1] = 255;
         data[i + 2] = 255;
         data[i + 3] = 0;
-        imagePalleteIds.push(255);
+        imagePaletteIds.push(255);
         continue;
       }
       let minDistance = 1000000;
@@ -130,7 +130,7 @@ const TemplateCreationOverlay = (props) => {
       data[i] = minColor[0];
       data[i + 1] = minColor[1];
       data[i + 2] = minColor[2];
-      imagePalleteIds.push(minColorIndex);
+      imagePaletteIds.push(minColorIndex);
     }
 
     // Set image data back to canvas