fix: update liveness button focus border to have a gap

aws-amplify · Jan 9, 2024 · 8cb0892 · 8cb0892
1 parent f51b224
commit 8cb0892
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/ui/src/theme/css/component/liveness.scss b/packages/ui/src/theme/css/component/liveness.scss
@@ -5,6 +5,15 @@
   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;
+    box-shadow: unset;
+  }
+}
+
 .amplify-liveness-cancel-button {
   background-color: #fff;
   color: hsl(190, 95%, 30%);