Horizontal scroll is not in sync for row & column after column resizing

Rendered a table with around 40 columns with resize capability  and custom theme. 

Table is working as expected for horizontal and vertical scroll. Once we resize width of any column then sync between header and row breaks.

Demo : https://codesandbox.io/p/sandbox/fixedheader-react-table-library-forked-d4l669

Preview Link : https://d4l669.csb.app/
