A bailout utility to set the focus border inside the element, just add the class c-focus-inset.

Examples

Button

Primary Secondary Info Success Warning Danger Light Dark Link Unstyled

<button className="btn btn-primary c-focus-inset" type="button">Primary</button>

Link

.component-title a

a.component-title

.component-subtitle a

a.component-subtitle

<a className="c-focus-inset" href="javascript:;">Regular Anchor Tag</a>

Form Control

<input
	className="c-focus-inset form-control"
	id="basicInputTypeText"
	name="basicInputTypeText"
	placeholder="Placeholder"
	type="text"
/>