From 396feddc8c77dfac530a5a5b1130f1c0cba392fa Mon Sep 17 00:00:00 2001
From: Silvano Cerza <silvanocerza@gmail.com>
Date: Thu, 23 Jan 2025 11:32:26 +0100
Subject: [PATCH] Fix style of first sync onboarding step

---
 src/views/onboarding/component.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/views/onboarding/component.tsx b/src/views/onboarding/component.tsx
index ac3df23..dfc05f7 100644
--- a/src/views/onboarding/component.tsx
+++ b/src/views/onboarding/component.tsx
@@ -364,21 +364,23 @@ const FirstSyncStepComponent = ({
             style={loadingBarStyle()}
           ></div>
         </div>
-        <div className="progress-bar-context">
+        <div
+          className="progress-bar-context"
+          style={{
+            position: "relative",
+            top: 0,
+          }}
+        >
           {error ? <div>{error}</div> : null}
           {success ? <div>Everything is set up and ready to go.</div> : null}
         </div>
       </div>
       {success ? (
-        <button
-          style={{
-            color: "var(--text-on-accent)",
-            backgroundColor: "var(--interactive-accent)",
-          }}
-          onClick={async () => await onClose()}
-        >
-          Close
-        </button>
+        <div className="modal-button-container">
+          <button className="mod-cta" onClick={async () => await onClose()}>
+            Close
+          </button>
+        </div>
       ) : null}
     </div>
   );
@@ -515,6 +517,7 @@ const OnBoardingComponent = ({ onClose }: { onClose: () => Promise<void> }) => {
             position: "absolute",
             right: "var(--size-4-4)",
             top: "50%",
+            display: step === "first_sync" ? "none" : "",
           }}
           disabled={!isValid}
           onClick={nextStep}