URL: http://fuorisalone.it/2018/it/eventi?day=1

Browser / Version: Firefox Nightly 61.0a1 (2018-04-15)
Operating System: Google Pixel (Android 8.1.0) - 1080 x 1920 pixels (~441 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: “Zona” drop-down menu options are displayed misaligned
Steps to Reproduce:
1. Navigate to http://fuorisalone.it/2018/it/eventi?day=1.
2. Scroll down to “Zona” drop-down menu.
3. Select an option and observe alignment.

Expected Behavior:
Option is centered.

Actual Behavior:
Option is misaligned.

Note:
1. Reproducible on Firefox 59.0.2 Release (Mobile).
2. Not reproducible on Chrome (Mobile) 65.0.3325.109.
3. Screenshot attached.
4. Affected area:

<div class="col-xs-12 nopadding">
	<label for="percorsozona">Zona</label>
	<select id="percorsozona" data-placeholder="In tutta Milano" class="chosen-select" name="pz">
		<option value=""></option>
		<option value="">In tutta Milano</option>
		<optgroup label="Percorsi">
			<option value="itineraries--7">5VIE art+design</option>
<!--not needed-->
		</optgroup>
		<optgroup label="Punti d‘interesse">
			<option value="punti_interesse--1">Triennale di Milano</option>
<!--not needed-->
		</optgroup>
	</select>
</div>

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

sv; country: us

From webcompat.com with ❤️