diff --git a/css/converse.css b/css/converse.css
index f557ae5c3..729e89bf8 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -1197,6 +1197,18 @@ dl.add-converse-contact {
 #conversejs #converse-register .input-group input[name=username] {
   width: 100%;
 }
+#conversejs #converse-register .cancel,
+#conversejs #converse-register .cancel-submit {
+  color: darkred;
+}
+#conversejs #converse-register .save-submit {
+  color: darkgreen;
+}
+#conversejs #converse-register .cancel-submit,
+#conversejs #converse-register .save-submit {
+  width: 45%;
+  margin: 5px 3px 0 3px;
+}
 #conversejs #converse-register label,
 #conversejs #converse-login label {
   margin-top: 0.5em;
diff --git a/less/converse.less b/less/converse.less
index 5def49d95..fbecff76e 100644
--- a/less/converse.less
+++ b/less/converse.less
@@ -1356,6 +1356,21 @@ dl.add-converse-contact {
     width: 100%;
 }
 
+#conversejs #converse-register .cancel,
+#conversejs #converse-register .cancel-submit {
+    color: darkred;
+}
+
+#conversejs #converse-register .save-submit {
+    color: darkgreen;
+}
+
+#conversejs #converse-register .cancel-submit,
+#conversejs #converse-register .save-submit {
+    width: 45%;
+    margin: 5px 3px 0 3px;
+}
+
 #conversejs #converse-register label,
 #conversejs #converse-login label {
     margin-top: 0.5em;