diff --git a/app/imports/ui/pages/InviteError.vue b/app/imports/ui/pages/InviteError.vue
index 0d64a569..46ea353c 100644
--- a/app/imports/ui/pages/InviteError.vue
+++ b/app/imports/ui/pages/InviteError.vue
@@ -1,9 +1,17 @@
 <template lang="html">
   <div>
-    Invite Error!
-    <p>
-      {{ error.reason || error.message || error }}
-    </p>
+    <v-layout
+      column
+      align-center
+      justify-center
+    >
+      <h2 style="margin: 48px 28px 16px">
+        Invite Error
+      </h2>
+      <h3>
+        {{ error.reason || error.message || error }}
+      </h3>
+    </v-layout>
   </div>
 </template>
 
@@ -12,7 +20,7 @@ export default {
   props: {
     error: {
       type: [Object, String],
-      required: true,
+      default: '',
     }
   }
 }
diff --git a/app/imports/ui/pages/InviteSuccess.vue b/app/imports/ui/pages/InviteSuccess.vue
index 0ee8e680..543893bb 100644
--- a/app/imports/ui/pages/InviteSuccess.vue
+++ b/app/imports/ui/pages/InviteSuccess.vue
@@ -1,6 +1,17 @@
 <template lang="html">
   <div>
-    Invite Success! You can now use DiceCloud.
+    <v-layout
+      column
+      align-center
+      justify-center
+    >
+      <h2 style="margin: 48px 28px 16px">
+        Invite Success
+      </h2>
+      <h3>
+        You can now use DiceCloud
+      </h3>
+    </v-layout>
   </div>
 </template>