2 files changed, 14 insertions, 0 deletions
diff --git a/packages/exchange-backoffice-ui/src/pages/HandleAccountNotReady.tsx b/packages/exchange-backoffice-ui/src/pages/HandleAccountNotReady.tsx
index b0c430875..05fd0a019 100644
--- a/packages/exchange-backoffice-ui/src/pages/HandleAccountNotReady.tsx
+++ b/packages/exchange-backoffice-ui/src/pages/HandleAccountNotReady.tsx
@@ -21,6 +21,9 @@ export function HandleAccountNotReady({
   if (officer.state === "locked") {
     return (
       <UnlockAccount
+        onRemoveAccount={() => {
+          officer.forget();
+        }}
         onAccountUnlocked={(pwd) => {
           officer.tryUnlock(pwd);
         }}
diff --git a/packages/exchange-backoffice-ui/src/pages/UnlockAccount.tsx b/packages/exchange-backoffice-ui/src/pages/UnlockAccount.tsx
index 941e28627..74cb0d056 100644
--- a/packages/exchange-backoffice-ui/src/pages/UnlockAccount.tsx
+++ b/packages/exchange-backoffice-ui/src/pages/UnlockAccount.tsx
@@ -6,8 +6,10 @@ import { createNewForm } from "../handlers/forms.js";
 
 export function UnlockAccount({
   onAccountUnlocked,
+  onRemoveAccount,
 }: {
   onAccountUnlocked: (password: string) => void;
+  onRemoveAccount: () => void;
 }): VNode {
   const Form = createNewForm<{
     password: string;
@@ -64,6 +66,15 @@ export function UnlockAccount({
             </div>
           </Form.Provider>
         </div>
+        <button
+          type="button"
+          onClick={() => {
+            onRemoveAccount();
+          }}
+          class="m-4 block rounded-md bg-red-600 px-3 py-2 text-center text-sm  text-white shadow-sm hover:bg-red-500 "
+        >
+          Remove account
+        </button>
       </div>
     </div>
   );