diff --git a/public/app/core/components/ForgottenPassword/ForgottenPassword.tsx b/public/app/core/components/ForgottenPassword/ForgottenPassword.tsx
index e0c1eb4b82b..39069dd376d 100644
--- a/public/app/core/components/ForgottenPassword/ForgottenPassword.tsx
+++ b/public/app/core/components/ForgottenPassword/ForgottenPassword.tsx
@@ -45,7 +45,7 @@ export const ForgottenPassword: FC = () => {
           <Legend>Reset password</Legend>
           <Field
             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}
             error={errors?.userOrEmail?.message}
           >
diff --git a/public/app/core/components/Login/LoginLayout.tsx b/public/app/core/components/Login/LoginLayout.tsx
index 8a00e39bff4..e0ccd7f86cf 100644
--- a/public/app/core/components/Login/LoginLayout.tsx
+++ b/public/app/core/components/Login/LoginLayout.tsx
@@ -49,10 +49,11 @@ export const getLoginStyles = (theme: GrafanaTheme) => {
       min-height: 100vh;
       background-position: center;
       background-repeat: no-repeat;
+      background-color: ${theme.palette.black};
       min-width: 100%;
       margin-left: 0;
-      background-color: $black;
       display: flex;
+      flex-direction: column;
       align-items: center;
       justify-content: center;
     `,
@@ -76,7 +77,7 @@ export const getLoginStyles = (theme: GrafanaTheme) => {
       text-align: center;
     `,
     mainTitle: css`
-      font-size: '32px';
+      font-size: 32px;
     `,
     subTitle: css`
       font-size: ${theme.typography.size.md};