Fluent UI Listbox - Disable black border on mouse down

Question

I'm using the Listbox from the Fluent UI Web Components, example here

What I don't like is that when you press down the mouse, it shows a thick black border, see screenshot:

How can I disable that? I've tried setting a border on the fluent-listbox, no luck.

Answer 1

Upon further investigation, found the solution with this CSS:

fluent-listbox {
  outline: 0;
}