URL: https://www.amazon.com/dp/B079JD7F7G?pf_rd_s=grid-8&pf_rd_t=Gateway-AmazonGlobal&pf_rd_i=mobile&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=2SNJ34XCSWN0C63PKY4G&pf_rd_p=2ccf2ffe-ebd3-4cef-a6ff-0cb759b10e7b&m=ATVPDKIKX0DER&ref_=gbma_img_0e7b_8_d83dc847

Browser / Version: Firefox Nightly 68.0a1 (2019-06-06)
Operating System: Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: “Buy both” section check-boxes are displayed misaligned
Steps to Reproduce:
1. Navigate to https://www.amazon.com/dp/B079JD7F7G?pf_rd_s=grid-8&pf_rd_t=Gateway-AmazonGlobal&pf_rd_i=mobile&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=2SNJ34XCSWN0C63PKY4G&pf_rd_p=2ccf2ffe-ebd3-4cef-a6ff-0cb759b10e7b&m=ATVPDKIKX0DER&ref_=gbma_img_0e7b_8_d83dc847
2. Scroll down the page.
3. Tap “Buy both” button.
4. Observe check-boxes position.

Expected Behavior:
The check-boxes are centered in the allocated space.

Actual Behavior:
The check-boxes are misaligned (bottom).

Note
1. Not reproducible on Chrome 74.0.3729.169.
2. Screenshot attached.
Affected area:

<div data-a-input-name="sh-checkbox-B079JD7F7G" data-asin="B079JD7F7G" data-offerlistingid="7ZX%2Bb5Q2myndWeJbRhqy8LTvw2YtCTsGjTV4EvuPrNeMQ9SjtBbPqkEbL76HJ8jz0VuAr1%2F6Vx1FKXCj8mBjK9EwmAkVkUKc8ZicBeqcQyxUTMmT%2F%2FOQGw%3D%3D" data-price="56.99" class="a-checkbox a-checkbox-fancy a-control-row a-touch-checkbox sh-badge-v2-checkbox">
	<label>
		<input type="checkbox" name="sh-checkbox-B079JD7F7G" value="B079JD7F7G" autocomplete="off" checked="">
    		<i class="a-icon a-icon-checkbox"></i>
	    	<span class="a-label a-checkbox-label"></span>
	</label>
</div>

Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan
@cipriansv

sv;

From webcompat.com with ❤️