The issue happens because the column has both cellRenderer and editable: true. When the checkbox is clicked, AG Grid enters edit mode, which interferes with the custom cell layout and causes misalignment or style issues.

To fix this, remove editable: true from the column definition and handle the value update manually inside the cellRenderer's onClick event. This way, the checkbox stays centered and the UI remains stable.