diff --git a/apps/frontend/src/components/board/layers/indicators-layer.vue b/apps/frontend/src/components/board/layers/indicators-layer.vue
index 651989c..477667d 100644
--- a/apps/frontend/src/components/board/layers/indicators-layer.vue
+++ b/apps/frontend/src/components/board/layers/indicators-layer.vue
@@ -187,7 +187,7 @@ const getCoords = (index: number) => {
       :key="index"
       class="indicator-square move-placeholder"
       :class="{
-        even: index % 2 !== 0,
+        even: (getCoords(index).file + getCoords(index).rank) % 2 !== 0,
         focus: coordinatesEqual(pieceFocus, getCoords(index)),
         show: show(getCoords(index)),
         capture: !coordsEmpty(getCoords(index)),