From b5335f091069f0c45990be08fa5e29d52eeb153f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Fern=C3=A1ndez?= <laura.fernandez@grafana.com>
Date: Fri, 19 Apr 2024 17:37:51 +0200
Subject: [PATCH] Chore: `ChangePassword` -  Replace `VerticalGroup` with
 `Stack` (#86614)

---
 .betterer.results                                           | 3 ---
 .../core/components/ForgottenPassword/ChangePassword.tsx    | 6 +++---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/.betterer.results b/.betterer.results
index cf77ca20299..89141673931 100644
--- a/.betterer.results
+++ b/.betterer.results
@@ -1133,9 +1133,6 @@ exports[`better eslint`] = {
     "public/app/core/components/DynamicImports/SafeDynamicImport.tsx:5381": [
       [0, 0, 0, "Unexpected any. Specify a different type.", "0"]
     ],
-    "public/app/core/components/ForgottenPassword/ChangePassword.tsx:5381": [
-      [0, 0, 0, "\'VerticalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
-    ],
     "public/app/core/components/GraphNG/GraphNG.tsx:5381": [
       [0, 0, 0, "Unexpected any. Specify a different type.", "0"],
       [0, 0, 0, "Unexpected any. Specify a different type.", "1"],
diff --git a/public/app/core/components/ForgottenPassword/ChangePassword.tsx b/public/app/core/components/ForgottenPassword/ChangePassword.tsx
index 4f5dbec643d..b81387753d7 100644
--- a/public/app/core/components/ForgottenPassword/ChangePassword.tsx
+++ b/public/app/core/components/ForgottenPassword/ChangePassword.tsx
@@ -3,7 +3,7 @@ import { useForm } from 'react-hook-form';
 
 import { selectors } from '@grafana/e2e-selectors';
 import { config } from '@grafana/runtime';
-import { Tooltip, Field, VerticalGroup, Button, Alert, useStyles2 } from '@grafana/ui';
+import { Tooltip, Field, Button, Alert, useStyles2, Stack } from '@grafana/ui';
 
 import { getStyles } from '../Login/LoginForm';
 import { PasswordField } from '../PasswordField/PasswordField';
@@ -81,7 +81,7 @@ export const ChangePassword = ({ onSubmit, onSkip, showDefaultPasswordWarning }:
           autoComplete="new-password"
         />
       </Field>
-      <VerticalGroup>
+      <Stack direction="column">
         <Button type="submit" className={styles.submitButton}>
           Submit
         </Button>
@@ -96,7 +96,7 @@ export const ChangePassword = ({ onSubmit, onSkip, showDefaultPasswordWarning }:
             </Button>
           </Tooltip>
         )}
-      </VerticalGroup>
+      </Stack>
     </form>
   );
 };