Clip-path on Chrome leaves a strange line on the edge

Question

I use clip-path to create the particular shape of the blue search button.

From Chrome you see a strange line at the cutout edge, while from Firefox

Answer 1

I had a similar (if not the same) issue, I fixed this by adding the following style to the element with the clip-path:

 transform: translateZ(0)