From 6c226ce426f40a30376dbb8631c42e3f27f226f9 Mon Sep 17 00:00:00 2001
From: martin-mfg <2026226+martin-mfg@users.noreply.github.com>
Date: Thu, 27 Nov 2025 14:57:30 +0100
Subject: [PATCH] make progress bar sticky, fix 'delete account' button

---
 frontend/frontend/src/components/Home/Progress.js | 2 +-
 frontend/frontend/src/pages/Home/stages/Login.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/frontend/src/components/Home/Progress.js b/frontend/frontend/src/components/Home/Progress.js
index 2177d3d5..a7d8d101 100644
--- a/frontend/frontend/src/components/Home/Progress.js
+++ b/frontend/frontend/src/components/Home/Progress.js
@@ -46,7 +46,7 @@ const ProgressBar = ({ items, currItem, setCurrItem }) => {
   const rightDisabled = currItem === items.length - 1;
 
   return (
-    <div className="w-full flex items-center">
+    <div className="w-full flex items-center sticky top-0 bg-white z-10 py-2">
       <LeftArrowIcon
         className={classnames(
           'w-8 h-8',
diff --git a/frontend/frontend/src/pages/Home/stages/Login.js b/frontend/frontend/src/pages/Home/stages/Login.js
index 1b865e45..374c0a9d 100644
--- a/frontend/frontend/src/pages/Home/stages/Login.js
+++ b/frontend/frontend/src/pages/Home/stages/Login.js
@@ -130,7 +130,7 @@ const LoginStage = ({ setCurrItem }) => {
               <div className="mt-6 flex items-center gap-4">
                 <Button
                   className="h-12 flex justify-center items-center w-[320px] text-black border border-black bg-white hover:bg-gray-100"
-                  onClick={deleteAccountHandler(userId, userKey)}
+                  onClick={() => deleteAccountHandler(userId, userKey)}
                 >
                   <span className="xl:text-lg">Delete Account</span>
                 </Button>