Avoid layout shift in account setup modal

3 files changed, 5 insertions, 3 deletions

diff --git a/client/src/app/modal/account-setup-modal.component.html b/client/src/app/modal/account-setup-modal.component.html
index 55bae78bf..d1f153835 100644
--- a/client/src/app/modal/account-setup-modal.component.html
+++ b/client/src/app/modal/account-setup-modal.component.html
@@ -5,7 +5,7 @@
   </div>
 
   <div class="modal-body">
-    <img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="mascot">
+    <img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="">
 
     <div i18n class="subtitle">It's time to set up your account profile!</div>
 
diff --git a/client/src/app/modal/account-setup-modal.component.scss b/client/src/app/modal/account-setup-modal.component.scss
index 405f29d65..d99edaf7a 100644
--- a/client/src/app/modal/account-setup-modal.component.scss
+++ b/client/src/app/modal/account-setup-modal.component.scss
@@ -17,7 +17,8 @@
   @include margin-right(2rem);
 
   display: block;
-  min-width: 170px;
+  width: 170px;
+  height: 220px;
 }
 
 .subtitle {
diff --git a/client/src/app/modal/account-setup-modal.component.ts b/client/src/app/modal/account-setup-modal.component.ts
index 8256f5103..4cb8de2c7 100644
--- a/client/src/app/modal/account-setup-modal.component.ts
+++ b/client/src/app/modal/account-setup-modal.component.ts
@@ -45,11 +45,12 @@ export class AccountSetupModalComponent implements OnInit {
 
   ngOnInit () {
     this.serverConfig = this.serverService.getHTMLConfig()
-    this.user = this.authService.getUser()
 
     this.authService.userInformationLoaded
       .subscribe(
         () => {
+          this.user = this.authService.getUser()
+
           if (this.isUserRoot) return
           if (this.hasAccountAvatar && this.hasAccountDescription) return
           if (this.userService.hasSignupInThisSession()) return