finish rework registration page

stylesheets/_session_signin.scss

@@ -1,13 +1,17 @@
 .session {
   &-content {
     background-color: #f9f9f9;
+
+    .session-button.brand-outline.brand.green:hover {
+      background-color: var(--color-accent);
+    }
     &-accent {
       &-text {
         font-family: $session-font-accent;
         .title {
-          font-size: 100px;
+          font-size: 90px;
           font-weight: 700;
-          line-height: 120px;
+          line-height: 100px;
         }
       }
     }

ts/components/session/SessionRegistrationView.tsx

@@ -23,23 +23,25 @@ export const SessionRegistrationView = () => {
         flexDirection="column"
         container={true}
       >
-        <SessionToastContainer />
+        <Flex container={true} margin="auto" alignItems="center" flexDirection="column">
-        <SpacerLG />
+          <SessionToastContainer />
-        <SpacerLG />
+          <SpacerLG />
+          <SpacerLG />
 
-        <SessionIcon iconSize={150} iconType="brand" />
+          <SessionIcon iconSize={150} iconType="brand" />
-        <SpacerLG />
+          <SpacerLG />
 
-        <SpacerLG />
+          <SpacerLG />
-        <SpacerLG />
+          <SpacerLG />
-        <SpacerLG />
+          <SpacerLG />
 
-        <AccentText />
+          <AccentText />
-        <SpacerLG />
+          <SpacerLG />
-        <SpacerLG />
+          <SpacerLG />
-        <SpacerLG />
+          <SpacerLG />
 
-        <RegistrationStages />
+          <RegistrationStages />
+        </Flex>
       </Flex>
     </SessionTheme>
   );