From 238ac22b85b0f4fdc125bbc0577c687dd53760c5 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Mon, 18 Feb 2019 23:53:36 -0500
Subject: [PATCH] styling

---
 jslib                                 | 2 +-
 src/app/settings/payment.component.ts | 3 +--
 src/scss/styles.scss                  | 5 +++++
 3 files changed, 7 insertions(+), 3 deletions(-)

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 {