I solved it by overriding the Bootstrap CSS turning off the box-shadow that Bootstrap uses and adding an outline with an offset. Is there a more elegant way to do this other than overriding Bootstrap with !important?

   *:focus-visible {
    box-shadow: none !important;
    outline: 3px solid black !important;
    outline-offset: 2px !important;
}