diff --git a/ghost/portal/src/components/Notification.js b/ghost/portal/src/components/Notification.js
index 9cfab09f5d..50195958d0 100644
--- a/ghost/portal/src/components/Notification.js
+++ b/ghost/portal/src/components/Notification.js
@@ -39,13 +39,13 @@ const NotificationText = ({type, status, context}) => {
} else if (type === 'signin' && status === 'error') {
return (
- Could not sign in! Login link expired. Click here to retry
+ Could not sign in. Login link expired. Click here to retry
);
} else if (type === 'signup' && status === 'success') {
return (
- You've successfully subscribed to {context.site.title}
+ You've successfully subscribed to
{context.site.title}
);
} else if (type === 'updateEmail' && status === 'success') {
@@ -63,7 +63,7 @@ const NotificationText = ({type, status, context}) => {
} else if (type === 'signup' && status === 'error') {
return (
- Could not sign up! Invalid sign up link. Click here to retry
+ Signup error: Invalid link
Click here to retry
);
} else if (type === 'stripe:checkout' && status === 'success') {
diff --git a/ghost/portal/src/components/Notification.styles.js b/ghost/portal/src/components/Notification.styles.js
index 31f6af1eda..2c31ce8ffe 100644
--- a/ghost/portal/src/components/Notification.styles.js
+++ b/ghost/portal/src/components/Notification.styles.js
@@ -15,7 +15,7 @@ const NotificationStyles = `
top: 12px;
right: 12px;
width: 100%;
- padding: 14px 44px 16px 20px;
+ padding: 14px 44px 18px 20px;
max-width: 380px;
min-height: 66px;
font-size: 1.3rem;
@@ -39,7 +39,7 @@ const NotificationStyles = `
.gh-portal-notification p {
flex-grow: 1;
font-size: 1.4rem;
- line-height: 1.45em;
+ line-height: 1.5em;
text-align: left;
margin: 0;
padding: 0 0 0 40px;
@@ -63,7 +63,7 @@ const NotificationStyles = `
.gh-portal-notification-icon {
position: absolute;
- top: 21px;
+ top: calc(50% - 14px);
left: 17px;
width: 28px;
height: 28px;