From 100e45e700d4a157fcee9a4fe78ead882800f7a3 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 7 Aug 2023 13:09:44 -0400
Subject: [PATCH] Fleet UI: [Unreleased bug] Fix setup flow bug created with
 fix for vertical overflow bug (#13179)

---
 .../components/forms/RegistrationForm/_styles.scss     | 10 +++++-----
 frontend/layouts/GatedLayout/_styles.scss              |  1 +
 frontend/pages/RegistrationPage/_styles.scss           |  5 +----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/components/forms/RegistrationForm/_styles.scss b/frontend/components/forms/RegistrationForm/_styles.scss
index 7f74812679..8b6b5c6a45 100644
--- a/frontend/components/forms/RegistrationForm/_styles.scss
+++ b/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;
     }
 
diff --git a/frontend/layouts/GatedLayout/_styles.scss b/frontend/layouts/GatedLayout/_styles.scss
index e560498781..dc479ecaa6 100644
--- a/frontend/layouts/GatedLayout/_styles.scss
+++ b/frontend/layouts/GatedLayout/_styles.scss
@@ -2,6 +2,7 @@
   display: flex;
   min-height: 100vh;
   align-items: center;
+  justify-content: center;
 
   .flash-message {
     border: 0;
diff --git a/frontend/pages/RegistrationPage/_styles.scss b/frontend/pages/RegistrationPage/_styles.scss
index 0f2e5e87a7..ab91d17a18 100644
--- a/frontend/pages/RegistrationPage/_styles.scss
+++ b/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) {