Green border bottom line animates well below the control on hovering the nimble-select

[aravindhan-ni]

🐛 Bug Report

The green bottom border line animates significantly below the control when hovering over the nimble-select, especially when it has a sibling element.

💻 Repro or Code Sample

Added a parent div with one sibling div to nimble-select
Applied display: flex to the parent and set a height for the sibling.

🤔 Expected Behavior

Hover line be on the control.

😯 Current Behavior

🔦 Context

We arranged the elements using grid-template-columns: minmax(0, 1fr) minmax(0, 1fr), creating two elements per row. In one of the rows, we have a nimble-select and another div. The larger height of the other div causes the nimble-select to behave this way.

🌍 Your Environment

• OS & Device: Windows on PC
• Browser Google Chrome
• Version 131.0.6778.266