diff --git a/public/app/core/components/Branding/Branding.tsx b/public/app/core/components/Branding/Branding.tsx index 474ad7f850a..3b1b302ce16 100644 --- a/public/app/core/components/Branding/Branding.tsx +++ b/public/app/core/components/Branding/Branding.tsx @@ -19,7 +19,7 @@ const LoginBackground: FC = ({ className, children }) => { const background = css` &:before { content: ''; - position: absolute; + position: fixed; left: 0; right: 0; bottom: 0; diff --git a/public/app/core/components/Login/LoginLayout.tsx b/public/app/core/components/Login/LoginLayout.tsx index 96077284b99..f82852ebde3 100644 --- a/public/app/core/components/Login/LoginLayout.tsx +++ b/public/app/core/components/Login/LoginLayout.tsx @@ -36,21 +36,23 @@ export const LoginLayout = ({ children, branding, isChangingPassword }: React.Pr -
-
- -
- {isChangingPassword ? ( -

Update your password

- ) : ( - <> -

{loginTitle}

- {subTitle &&

{subTitle}

} - - )} +
+
+
+ +
+ {isChangingPassword ? ( +

Update your password

+ ) : ( + <> +

{loginTitle}

+ {subTitle &&

{subTitle}

} + + )} +
+
{children}
-
{children}
{branding?.hideFooter ? <> :