Unexpected border in SelectPanel footer

[lumaxis]

Description

We noticed an unexpected border in the footer of SelectPanel which causes odd UI which especially noticeable in dark mode. An example is the GitHub issue label picker:

I did some spelunking and suspect that this might be the culprit: https://github.com/primer/react/blame/65a197b01fa50d0c4a58bd5eff46dc7f2e6d6dfc/packages/react/src/SelectPanel/SelectPanel.tsx#L524-L525

Steps to reproduce

1. Go to any issue on e.g. https://github.com/primer/react/issues
2. Open the label picker
3. Observe a very prominent border between the labels list and the "Edit labels" footer

Version

v37.13.0

Browser

Edge

[joshblack]

Hi there, @lumaxis! 👋

I believe this should be fixed in: #5712 and available in: https://github.com/primer/react/releases/tag/%40primer%2Freact%4037.14.0

There is a PR to update this in dotcom over at: https://github.com/github/github/pull/363344, sorry it's taking a while to get merged in!

Hope that helps, let me know if you have any more questions or if this isn't the issue you're running into 👀

[lumaxis]

Ah, that looks like it should fix the issue I saw, thanks!