diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_form-fields.scss b/packages/unity-bootstrap-theme/src/scss/extends/_form-fields.scss index d7e0efa5d2..4f15e97f2e 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_form-fields.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_form-fields.scss @@ -68,6 +68,11 @@ form.uds-form { border-radius: none; } + input[type="submit"]:focus { + box-shadow: $uds-color-base-white 0 0 0 2px, $uds-color-base-gray-7 0px 0px 0px 4px !important; + border: 0 !important; + } + /* Radios and Checkboxes - For more flexible control, this is a departure from Bootstrap 4 custom Checkboxes and Radios as described in: https://getbootstrap.com/docs/4.0/components/forms/#checkboxes-and-radios-1 diff --git a/packages/unity-bootstrap-theme/stories/atoms/buttons/buttons.examples.stories.js b/packages/unity-bootstrap-theme/stories/atoms/buttons/buttons.examples.stories.js index 8fd35d80e0..37882a0fce 100644 --- a/packages/unity-bootstrap-theme/stories/atoms/buttons/buttons.examples.stories.js +++ b/packages/unity-bootstrap-theme/stories/atoms/buttons/buttons.examples.stories.js @@ -49,6 +49,11 @@ export const ButtonColorsComponent = () => ( +