Fleet UI: [Unreleased bug] Fix setup flow bug created with fix for vertical overflow bug (#13179)

frontend/components/forms/RegistrationForm/_styles.scss

@@ -2,8 +2,8 @@
   display: flex;
   justify-content: center;
   align-items: stretch;
-  flex-grow: 1;
   margin-top: $pad-large;
+  min-height: 750px;
 
   &__container {
     @include size(500px auto);
@@ -33,25 +33,25 @@
 
     &--admin {
       left: 0;
-      top: unquote("max(56%, 560px)");
+      top: unquote("max(60%, 625px)");
       margin: auto;
     }
 
     &--org {
       left: calc(100% + 220px);
-      top: unquote("max(56%, 480px)");
+      top: unquote("max(60%, 480px)");
       display: none;
     }
 
     &--fleet {
       left: calc(150% + 220px);
-      top: unquote("max(56%, 480px)");
+      top: unquote("max(60%, 480px)");
       display: none;
     }
 
     &--confirmation {
       left: calc(200% + 220px);
-      top: unquote("max(56%, 480px)");
+      top: unquote("max(60%, 480px)");
       display: none;
     }
 

frontend/layouts/GatedLayout/_styles.scss

@@ -2,6 +2,7 @@
   display: flex;
   min-height: 100vh;
   align-items: center;
+  justify-content: center;
 
   .flash-message {
     border: 0;

frontend/pages/RegistrationPage/_styles.scss

@@ -2,12 +2,9 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
-  min-height: 100vh;
-  position: relative;
-  overflow-x: hidden;
+  margin-top: 24px;
 
   &__logo {
-    @include position(absolute, 24px null null 24px);
     width: 120px;
 
     @include breakpoint(tablet) {