From 890482052a4bed773f4a296a9e0a9fc6179d8d12 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Tue, 18 Jun 2024 13:35:45 +0100
Subject: [PATCH] Login: Fix `Skip` button alignment (#89332)

fix login skip button alignment
---
 .../core/components/ForgottenPassword/ChangePassword.tsx  | 8 +++++++-
 public/app/core/components/Login/LoginForm.tsx            | 4 ++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/app/core/components/ForgottenPassword/ChangePassword.tsx b/public/app/core/components/ForgottenPassword/ChangePassword.tsx
index b81387753d7..5561a227471 100644
--- a/public/app/core/components/ForgottenPassword/ChangePassword.tsx
+++ b/public/app/core/components/ForgottenPassword/ChangePassword.tsx
@@ -91,7 +91,13 @@ export const ChangePassword = ({ onSubmit, onSkip, showDefaultPasswordWarning }:
             content="If you skip you will be prompted to change password next time you log in."
             placement="bottom"
           >
-            <Button fill="text" onClick={onSkip} type="button" data-testid={selectors.pages.Login.skip}>
+            <Button
+              className={styles.skipButton}
+              fill="text"
+              onClick={onSkip}
+              type="button"
+              data-testid={selectors.pages.Login.skip}
+            >
               Skip
             </Button>
           </Tooltip>
diff --git a/public/app/core/components/Login/LoginForm.tsx b/public/app/core/components/Login/LoginForm.tsx
index ffaa9d452ac..4524e997442 100644
--- a/public/app/core/components/Login/LoginForm.tsx
+++ b/public/app/core/components/Login/LoginForm.tsx
@@ -83,5 +83,9 @@ export const getStyles = (theme: GrafanaTheme2) => {
       justifyContent: 'center',
       width: '100%',
     }),
+
+    skipButton: css({
+      alignSelf: 'flex-start',
+    }),
   };
 };