diff --git a/ghost/core/core/frontend/src/cards/css/signup.css b/ghost/core/core/frontend/src/cards/css/signup.css
index 502491e8ac..51fb6aaca5 100644
--- a/ghost/core/core/frontend/src/cards/css/signup.css
+++ b/ghost/core/core/frontend/src/cards/css/signup.css
@@ -106,7 +106,6 @@
 /* Subscribe form */
 
 .kg-signup-card-form {
-    display: flex;
     margin: 2.8em 0 0;
 }
 
@@ -118,6 +117,10 @@
     margin: 4em 0 0;
 }
 
+.kg-signup-card-fields {
+    display: flex;
+}
+
 .kg-signup-card-input {
     min-width: 300px;
     border: solid 1px;
@@ -175,6 +178,36 @@
     margin-top: 2em;
 }
 
+/* Subscribe form states */
+
+.kg-signup-card-success,
+.kg-signup-card-error {
+    display: none;
+}
+
+.kg-signup-card-form.success .kg-signup-card-fields {
+    display: none;
+}
+
+.kg-signup-card-form.success .kg-signup-card-success {
+    display: block;
+}
+
+.kg-signup-card-form.error .kg-signup-card-error {
+    display: block;
+}
+
+.kg-signup-card-button-loading {
+    display: none;
+}
+
+.kg-signup-card-form.loading .kg-signup-card-button-default {
+    display: none;
+}
+
+.kg-signup-card-form.loading .kg-signup-card-button-loading {
+    display: inline-block;
+}
 
 /* Disclaimer */