ag-grid: Pinning columns right: Header does not align with content when scrolling

I encountered the following layout problem in Chrome and Edge, when pinning one or more columns to the right:

As you can see the header is not aligned with the content, since the scrollbar in the content section moves its columns to the left.

This problem occures when you have columns pinned to the right and scrollbars in the grid. Since the grid header doesn’t have scrollbars, but the content does, it’s missing a margin-right of about 18px (depends on the browsers scroll bar size) to be aligned with the content.

This can be quick fixed by adding the following css rule and replacing [scrollbarWidth] with the correct or estimated value.

.ag-pinned-right-header { margin-right: [scrollbarWidth]px }

Since this seems to be a bug, I wanted to let you know. I do hope this can be fixed in upcoming versions.