Login:App:Confirm: change styles of confirm pages

packages/login/src/app/(root)/confirm/Activation/page.tsx

@@ -48,7 +48,7 @@ async function Page({ searchParams }: ActivationProps) {
   ]);
 
   return (
-    <div className="content-top">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingCreateUserContainer type={type} hostName={hostName} />
@@ -60,7 +60,7 @@ async function Page({ searchParams }: ActivationProps) {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PasswordChange/page.tsx

@@ -37,7 +37,7 @@ async function Page() {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings?.greetingSettings} />
@@ -49,7 +49,7 @@ async function Page() {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PhoneActivation/page.tsx

@@ -34,7 +34,7 @@ async function Page() {
   const settings = await getSettings();
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings?.greetingSettings} />
@@ -43,7 +43,7 @@ async function Page() {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PortalContinue/page.tsx

@@ -34,7 +34,7 @@ async function Page() {
   const settings = await getSettings();
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings?.greetingSettings} />
@@ -43,7 +43,7 @@ async function Page() {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PortalOwnerChange/page.tsx

@@ -45,7 +45,7 @@ async function Page({ searchParams }: PortalOwnerChangeProps) {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings.greetingSettings} />
@@ -54,7 +54,7 @@ async function Page({ searchParams }: PortalOwnerChangeProps) {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PortalRemove/page.tsx

@@ -37,7 +37,7 @@ async function Page() {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings?.greetingSettings} />
@@ -46,7 +46,7 @@ async function Page() {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/PortalSuspend/page.tsx

@@ -37,7 +37,7 @@ async function Page() {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer greetingSettings={settings?.greetingSettings} />
@@ -46,7 +46,7 @@ async function Page() {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/ProfileRemove/page.tsx

@@ -31,14 +31,14 @@ async function Page() {
   const settings = await getSettings();
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <ProfileRemoveForm
           greetingSettings={settings.greetingSettings}
           legalTerms={settings.legalTerms}
         />
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/TfaActivation/page.tsx

@@ -48,7 +48,7 @@ async function Page({ searchParams }: TfaActivationProps) {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <StyledForm className="set-app-container">
           <TfaActivationForm
@@ -59,7 +59,7 @@ async function Page({ searchParams }: TfaActivationProps) {
           />
         </StyledForm>
       )}
-    </div>
+    </>
   );
 }
 

packages/login/src/app/(root)/confirm/TfaAuth/page.tsx

@@ -45,7 +45,7 @@ async function Page({ searchParams }: TfaAuthProps) {
   ]);
 
   return (
-    <div className="content-center">
+    <>
       {settings && typeof settings !== "string" && (
         <>
           <GreetingContainer />
@@ -57,7 +57,7 @@ async function Page({ searchParams }: TfaAuthProps) {
           </FormWrapper>
         </>
       )}
-    </div>
+    </>
   );
 }