material UI IconButton tooltip is not shown correctly

[holzfelix]

In my reactJS applickation I use Material UI and react-bootstrap-table.

In a cell I use the Material UI IconButton like this:

 <IconButton tooltip={t('tooltips:editRegulation')} tooltipPosition={'left'}
     onClick={() => this.props.history.push("/pms-records/edit/" + row.pmsFindingId)}>{cell}}>
     <FontIcon className="fa fa-pencil" aria-hidden="true"/>
 </IconButton>

Solution is this:

The Tooltip is cutted by the Table cell Borders. I tried to change the z-index and read this: #5912

But no solution.
Any hints for me?
Thanks in advance

[oliviertassinari]

@holzfelix Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!