[Affected versions]: Nightly 64.0a1 [Affected platforms]: Platforms: Mac OS 10.13 [Preconditions]: 1. Set the pref dom.payments.request.enabled to "true"; 2. Make sure you have at least one Shipping Address and one Credit Card saved in your browser. [Steps to reproduce]: 1. Go to "https://rsolomakhin.github.io/pr/single/" page and click on "Buy". 2. Hover over the CVV tooltip. [Expected result]: CVV tooltip should look as expected. [Actual result]: CVV tooltip looks a bit off on MAC OS X. Please see: https://imgur.com/a/GrZgm7x [Note]: The issue isn't reproducible on Windows and on Ubuntu.

The CVV tooltip is also supposed to be in the gutter of the dialog in both contexts but bug 1470199 didn't implement that.

Hi Matt, I have a couple of questions regarding the CVV and other tooltips: 1. Should the tooltips description placement respect entirely the spec doc or it is not yet totally implemented? Here is a comparison of the differences. The tooltips will always overlap fields while in the spec they do not. Screenshot: https://imgur.com/a/ZQtGHzT. Spec doc: https://mozilla.invisionapp.com/share/SDFY4PA4EQ7#/screens/304878919. This applies to all tooltips from Add/Edit forms. 2. The CVV tooltip Question Mark (?) is placed differently as compared to the spec. The CVV field length is also shortened due to this. Comparison screenshot: https://imgur.com/6ruFUUC

I think this bug can cover both of those issues.