Unexpected arrow behaviour on page zoom

[ayushjainrksh]

Problem

Zooming in/out the screen when popover is open breaks the layout of the ArrowContainer. The arrow no more sticks to the element but moves down to the bottom of the popover.

Demo

https://codesandbox.io/s/peaceful-murdock-ejhk2?file=/src/App.js

Screenshots

Initially

After zoom in