diff --git a/.changeset/lemon-windows-invite.md b/.changeset/lemon-windows-invite.md new file mode 100644 index 00000000000..496c0086664 --- /dev/null +++ b/.changeset/lemon-windows-invite.md @@ -0,0 +1,5 @@ +--- +"@aws-amplify/ui": patch +--- + +fix: update liveness button focus border to have a gap diff --git a/packages/ui/src/theme/css/component/liveness.scss b/packages/ui/src/theme/css/component/liveness.scss index cb351861653..ee588946ef6 100644 --- a/packages/ui/src/theme/css/component/liveness.scss +++ b/packages/ui/src/theme/css/component/liveness.scss @@ -5,6 +5,14 @@ right: var(--amplify-space-medium); } +.liveness-detector .amplify-button--primary { + &:focus { + box-shadow: unset; + outline: var(--amplify-components-button-focus-color) solid 2px; + outline-offset: 2px; + } +} + .amplify-liveness-cancel-button { background-color: #fff; color: hsl(190, 95%, 30%);