diff --git a/jslib b/jslib index b95b35e7d9..9c44fc1329 160000 --- a/jslib +++ b/jslib @@ -1 +1 @@ -Subproject commit b95b35e7d9444c668691dd3ee6e78c1904321f22 +Subproject commit 9c44fc1329b9595560462ffb7cd4d32bb0e22a68 diff --git a/src/app/settings/payment.component.ts b/src/app/settings/payment.component.ts index 651fb098a8..3922810b57 100644 --- a/src/app/settings/payment.component.ts +++ b/src/app/settings/payment.component.ts @@ -23,8 +23,7 @@ const StripeElementStyle = { fontSmoothing: 'antialiased', }, invalid: { - iconColor: '#dd4b39', - color: '#dd4b39', + color: '#333333', }, }; diff --git a/src/scss/styles.scss b/src/scss/styles.scss index cc45b5ee13..ea8214bb19 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -710,6 +710,11 @@ app-user-billing { border-color: $input-focus-border-color; outline: 0; box-shadow: $input-focus-box-shadow; + + &.is-invalid { + border-color: $form-feedback-invalid-color; + box-shadow: 0 0 0 $input-focus-width rgba($form-feedback-invalid-color, .25); + } } .org-nav {