diff --git a/projects/account/src/app/create-account/done-step/done-step.component.html b/projects/account/src/app/create-account/done-step/done-step.component.html
index c3bcda8..2bdef36 100644
--- a/projects/account/src/app/create-account/done-step/done-step.component.html
+++ b/projects/account/src/app/create-account/done-step/done-step.component.html
@@ -1,5 +1,5 @@
-
You're Done!
-Your account has been created. We are excited to have you as part of our community.
-
-
-
+
+ You're Done!
+ Your account has been created. We are excited to have you as part of our community.
+
+
diff --git a/projects/account/src/app/create-account/done-step/done-step.component.scss b/projects/account/src/app/create-account/done-step/done-step.component.scss
index 3d65277..ce125bc 100644
--- a/projects/account/src/app/create-account/done-step/done-step.component.scss
+++ b/projects/account/src/app/create-account/done-step/done-step.component.scss
@@ -1,6 +1,17 @@
@import "~@angular/material/theming";
@import "~src/stylesheets/components/buttons";
-button {
- @include action-button-primary;
+mat-card {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 700px;
+
+ h1 {
+ color: mat-color($mycroft-primary);
+ }
+
+ button {
+ @include action-button-primary;
+ margin-top: 16px;
+ }
}