score:1

Accepted answer

i was able to do a mockup (i hate how difficult it is to set up react/material-ui problems) and found the same issue. i think it's expected behavior from how the chip is positioned.

however, it is all fixed with margin: 'auto'

render() {
    return (
    <toolbar>
        <chip style={{ margin: 'auto' }}>
            <avatar icon={<accountcircleicon />} />
            not signed in
        </chip>
    </toolbar>
    )
}

Related Query

More Query from same tag