diff --git a/frontend/app/components/widgets/Place.vue b/frontend/app/components/widgets/Place.vue
index 2d4799b..27de5df 100644
--- a/frontend/app/components/widgets/Place.vue
+++ b/frontend/app/components/widgets/Place.vue
@@ -85,7 +85,7 @@ onMounted(async () => {
     cells.forEach(cell => {
       let key = `${cell.x},${cell.y}`;
       if(cell.color > 0 && cell.color <= palette.length)
-        colorMap.value[key] = palette[cell.color];
+        colorMap.value[key] = palette[cell.color - 1];
       else
         colorMap.value[key] = "#00000000"
 ;    });
@@ -96,7 +96,7 @@ onMounted(async () => {
   onGridCellPaint((data) => {
     const key = `${data.x},${data.y}`;
     if (data.color > 0 && data.color <= palette.length) {
-      colorMap.value[key] = palette[data.color];
+      colorMap.value[key] = palette[data.color - 1];
     } else {
       delete colorMap.value[key];
     }
@@ -136,7 +136,7 @@ function onCellRightClick(r, c, e) {
 
 function onSwatchClick(color) {
   selectedColor.value = color;
-  selectedColorId.value = palette.indexOf(color);
+  selectedColorId.value = palette.indexOf(color) + 1;
 }
 
 const gridStyle = computed(() => ({