columns moving when clicking the column header for sorting

When I click on the table headers (which toggles ascending and descending sort) the table columns move, is it the expected behavior or a bug, I have recreated the issue in the code sandbox I'm sharing, try clicking on the last column...
clicking on the first column resets the change for some reason...
https://codesandbox.io/s/hidden-firefly-wt5m1?file=/src/App.js

Open the linked CodeSandbox at src/App.js and reproduce the issue by sorting with the last column, then clicking the first column to compare the behavior. Trace the table's sorting and column layout from that reproduction; done means sorting headers no longer cause columns to move unexpectedly, with the behavior verified for ascending and descending sorts.

Written by the indexing model from the issue text.