Hoizontal scroll display issue with footer

We have a dhtmlxgrid with footer holding the sum of values in each column. The grid has horizontal scroll because of 16 columns to display. On the load the footer columns are aligned with the data columns. When we scroll to the last column, the footer gets misaligned with the data columns and also the last footer cell value(55.68) is chopped off(55) in the screen.How to fix it ? I suppose its because of arrow in the scroll bar.

Proper alignment in screenshiot-5 and misaligned in 4.jpg attached.

We are using dhtmlx3 pro in our application.

Unfortunately the issue cannot be reproduced locally.
If the problem still occurs for you please, provide with a complete demo, where the problem can be reconstructed locally.
Here you can find a tutorial about creating a complete demo:
docs.dhtmlx.com/tutorials__auxil … pport.html

Thanks for the reply.We fixed it.
That was our custom css for footer that created the issue.