TabIndicator in wrong position if scrollbars appears later

I have some pages where navigation is done with Tabs (centered) and Tab Component. After loading the component, asynchronous data are loaded. The painting of the changed react component, let appears vertical scrollbars and the Tabs are moved left and TabIndicator hold its place, because it is absolute positioned. After resizing the window or a new navigation, the position is correct.

[x] This is not a v0.x issue.
[x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The tab indicator should be at all circumstances under the tab after navigation is ready:

Current Behavior

The tab indicator is placed a half scrollbar width too much right, because on appearing of the scrollbar the centered tabs are moved to center automatically, but the tab indicator not:

Steps to Reproduce

It is easier to see if the active tab component has an background-color. It is only reproducable if scrollbars in the browser are visible and are shown after navigation is completely done. Sorry that I can't produce fast a fiddle for it.

const styles = theme => ({ tabSelected: { backgroundColor: '#f5f5f5' } })

<Tabs value={self.state.tab} onChange={(event, value) => {self.setState({tab: value})}}
                centered
                indicatorColor="secondary"
                textColor="secondary" className='topNavigation'>
            <Tab value={0} label='Installations' component={Link} to='/monthly'
                 classes={{selected: classes.tabSelected}}/>
            <Tab value={1} label='Usages' component={Link} to='/usages/monthly'
                 classes={{selected: classes.tabSelected}}/>
            <Tab value={2} label='Clients' component={Link} to='/clients'
                 classes={{selected: classes.tabSelected}}/>
          </Tabs>

Context

Your Environment

Tech	Version
Material-UI	v3.2.1
React	16.5.2
Browser	Chrome 69.0.3497.100

mui / material-ui