diff --git a/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js b/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js
index a602aa1dd8..205261313a 100644
--- a/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js
+++ b/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js
@@ -5,6 +5,7 @@ import FormSubmit from '../components/FormSubmit';
import CouponInput from '../components/CouponInput';
import CheckoutForm from '../components/CheckoutForm';
import Form from '../components/Form';
+import { IconError } from '../components/icons';
const getCouponData = frameLocation => {
const params = new URLSearchParams(frameLocation.query);
@@ -102,8 +103,10 @@ export default class StripeSubscriptionPage extends Component {
return (
-
-
We were unable to process your payment, please try again or use different card details.
+
+
{ IconError }
+ We were unable to process your payment, please try again or use different card details.
+
{ this.renderPlansSection() }
diff --git a/core/server/lib/members/static/auth/styles/components.css b/core/server/lib/members/static/auth/styles/components.css
index 71a444989d..eef4b79eb0 100644
--- a/core/server/lib/members/static/auth/styles/components.css
+++ b/core/server/lib/members/static/auth/styles/components.css
@@ -415,7 +415,8 @@ select:-webkit-autofill:active {
display: flex;
justify-content: center;
align-items: start;
- border-radius: 4px;
+ border-radius: 7px;
+ line-height: 1.4em;
}
.gm-form-errortext span {
@@ -423,7 +424,7 @@ select:-webkit-autofill:active {
}
.gm-form-errortext i {
- margin: 1px 8px 0 0;
+ margin: 3px 8px 0 0;
}
.gm-form-errortext i svg path {