Forgot password: Fix styling (#26002)

public/app/core/components/ForgottenPassword/ForgottenPassword.tsx

@@ -45,7 +45,7 @@ export const ForgottenPassword: FC = () => {
           <Legend>Reset password</Legend>
           <Legend>Reset password</Legend>
           <Field
           <Field
             label="User"
             label="User"
-            description="Enter your informaton to get a reset link sent to you"
+            description="Enter your information to get a reset link sent to you"
             invalid={!!errors.userOrEmail}
             invalid={!!errors.userOrEmail}
             error={errors?.userOrEmail?.message}
             error={errors?.userOrEmail?.message}
           >
           >

public/app/core/components/Login/LoginLayout.tsx

@@ -49,10 +49,11 @@ export const getLoginStyles = (theme: GrafanaTheme) => {
       min-height: 100vh;
       min-height: 100vh;
       background-position: center;
       background-position: center;
       background-repeat: no-repeat;
       background-repeat: no-repeat;
+      background-color: ${theme.palette.black};
       min-width: 100%;
       min-width: 100%;
       margin-left: 0;
       margin-left: 0;
-      background-color: $black;
       display: flex;
       display: flex;
+      flex-direction: column;
       align-items: center;
       align-items: center;
       justify-content: center;
       justify-content: center;
     `,
     `,
@@ -76,7 +77,7 @@ export const getLoginStyles = (theme: GrafanaTheme) => {
       text-align: center;
       text-align: center;
     `,
     `,
     mainTitle: css`
     mainTitle: css`
-      font-size: '32px';
+      font-size: 32px;
     `,
     `,
     subTitle: css`
     subTitle: css`
       font-size: ${theme.typography.size.md};
       font-size: ${theme.typography.size.md};