Select element (drop-down menu) on UI Page looks different on Windows Chrome than on Mac ChromeDescription<!-- div.margin { padding: 10px 40px 40px 30px; } table.tocTable { border: 1px solid; border-color: #e0e0e0; background-color: #fff; } .title { color: #d1232b; font-weight: normal; font-size: 28px; } h1 { color: #d1232b; font-weight: normal; font-size: 21px; margin-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cccccc; } h2 { color: #646464; font-weight: bold; font-size: 18px; } h3 { color: #000000; font-weight: bold; font-size: 16px; } h4 { color: #666666; font-weight: bold; font-size: 15px; } h5 { color: #000000; font-weight: bold; font-size: 13px; } h6 { color: #000000; font-weight: bold; font-size:14px; } ul, ol { margin-left: 0; list-style-position: outside; } --> Symptoms On Chrome on a Windows environment, a custom 'select' element on a UI Page is taller than on Mac Chrome. Release London Cause The cause is attributed to underlying browser engines differences Resolution In case there is CSS specifying the height of the element, like this: .select-element { min-height: 120px;} You can solve the issue by modifying the CSS to look like so: .select-element { height: 120px;} After the modification above, the height of both elements will be 120 px;