diff --git a/public/app/core/components/Login/LoginLayout.tsx b/public/app/core/components/Login/LoginLayout.tsx
index cadecb9f0c2..cff4081db03 100644
--- a/public/app/core/components/Login/LoginLayout.tsx
+++ b/public/app/core/components/Login/LoginLayout.tsx
@@ -62,10 +62,7 @@ export const getLoginStyles = (theme: GrafanaTheme2) => {
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'center',
-
-      [theme.breakpoints.up('md')]: {
-        justifyContent: 'center',
-      },
+      justifyContent: 'center',
     }),
     loginAnim: css`
       &:before {
diff --git a/public/sass/components/_footer.scss b/public/sass/components/_footer.scss
index ce3c74e4c2d..e3478e93c8c 100644
--- a/public/sass/components/_footer.scss
+++ b/public/sass/components/_footer.scss
@@ -61,10 +61,10 @@
   }
 }
 
-@include media-breakpoint-up(sm) {
+@include media-breakpoint-down(md) {
   .login-page {
     .footer {
-      padding: 70px 0 $space-md 0;
+      display: none;
     }
   }
 }