Please, please don't make your UI components unaccessible by removing the focus ring("outline: 0"). You're basically excluding all keyboard users from using your widgets, because I simply cannot tell which element is currently focussed.
If you really find the default browser focus ring ugly, feel free to style it or provide another alternative (like a box shadow).