From 0322bbb8228801566fb07d7f921316d8d656e14b Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 1 May 2024 17:10:35 -0500
Subject: [PATCH] Website: Update <ajax-button> styles (#18691)

Changes:
- Updated the styles of the `<ajax-button>` component to keep the
content vertically aligned when the button displays a loading spinner.
---
 website/assets/styles/components/ajax-button.component.less | 1 +
 website/assets/styles/pages/start.less                      | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/website/assets/styles/components/ajax-button.component.less b/website/assets/styles/components/ajax-button.component.less
index 27ec3d605e..859851a421 100644
--- a/website/assets/styles/components/ajax-button.component.less
+++ b/website/assets/styles/components/ajax-button.component.less
@@ -44,6 +44,7 @@
    &.syncing {
      .button-loader, .button-loading {
        display: inline-block;
+       height: 16px;
      }
      .button-text {
        display: none;
diff --git a/website/assets/styles/pages/start.less b/website/assets/styles/pages/start.less
index 89fe061bc2..9a43754c76 100644
--- a/website/assets/styles/pages/start.less
+++ b/website/assets/styles/pages/start.less
@@ -148,6 +148,10 @@
     line-height: 150%;
     margin-right: 24px;
     width: 89px;
+    height: 45px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   [purpose='back-button'] {
     cursor: pointer;