Chrome Version       : 62.0.3202.94
OS Version: 10.0
URLs (if applicable) : SO: https://stackoverflow.com/questions/47275611/after-updating-to-chrome-62-something-weird-is-happening-in-tables-css

JSFiddle: https://jsfiddle.net/f3227vff/

Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: Do not have on my machine
  Firefox 4.x: Works fine/correctly
     Edge: Works fine/correctly
  Chrome 61: Works fine/correctly

What steps will reproduce the problem?
1. Make a div with display: flex and fix width
2. Have tables inside this container with table header and a float:right button 
3. tables will overlap

More Info: https://jsfiddle.net/f3227vff/

What is the expected result?

Tables should not overlap each other

What happens instead of that?

Tables overlap when a button of float right is added in table header

Please provide any additional information below. Attach a screenshot if
possible.

All information and updates are available at StackOverflow link: https://stackoverflow.com/questions/47275611/after-updating-to-chrome-62-something-weird-is-happening-in-tables-css

Please let me know if you need more information.

UserAgentString: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36