Highlight square is not properly shown

[elsiniestra]

There's an issue with the fact that the highlighted/selected square is not aligned with the original one. But on lichens.org it's aligned fine.

Chessground v.8.3.5: Lichess:

Of course, I've seen #201 issue, but there is no answer how to fix it

[niklasf]

Can you please share the (rendered) HTML/DOM and CSS of this page?

[elsiniestra]

@niklasf Deployed the sample with the issue: https://633700aebcb8df009c50cbe4--frabjous-tanuki-f16c66.netlify.app

[niklasf]

There are two issues.

If you take the SVG background and divide it into 8 equal rows, you'll find that this won't match the square positions.

And then there's

cg-board {
  border: 2px solid #ffe5b4;
}

messing with the layout.

[elsiniestra]

Thanks for the help!