Mac OS .shepherd-element position issue

[Evirtual]

Everything works fine on Windows. But for Mac OS (tested in all browsers), position of .shepherd-element is not with focused element (it is positioned to left corner of the browser). Once I resize window it goes to the correct position.

By the way, modalOverlayOpening is working perfectly and .shepherd-arrow is aligned next to the focused element correctly, but not the box .shepherd-element.

Note: I am using react-shepherd

Resolved: Finally, I found solution to my issue. I was using custom CSS. .shepherd-element requires max-width property to work correctly in Mac OS.