From af4198e76cca9277aff0cdb03a3d8bd715cb1b97 Mon Sep 17 00:00:00 2001
From: Kosta Korenkov <kosta@korenkov.net>
Date: Fri, 26 Jun 2026 16:54:38 +0200
Subject: [PATCH 1/3] fix: keep confirmation actions visible

---
 src/Generic/components/DialogActions.tsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/Generic/components/DialogActions.tsx b/src/Generic/components/DialogActions.tsx
index 6d41eff9..fb36dbcc 100644
--- a/src/Generic/components/DialogActions.tsx
+++ b/src/Generic/components/DialogActions.tsx
@@ -43,6 +43,14 @@ const useActionButtonStyles = makeStyles((theme) => ({
       marginRight: -12
     }
   },
+  confirmDialogActionsBox: {
+    margin: "8px 24px 16px",
+
+    [breakpoints.down(600)]: {
+      justifyContent: "center",
+      margin: "8px 24px 16px"
+    }
+  },
   mobileDialogActionsBox: {
     display: "flex",
     position: "fixed",
@@ -263,17 +271,18 @@ interface ConfirmDialogProps {
 }
 
 export function ConfirmDialog(props: ConfirmDialogProps) {
-  const isSmallScreen = useIsMobile()
+  const classes = useActionButtonStyles()
+
   return (
     <Dialog open={props.open} onClose={props.onClose} TransitionComponent={CompactDialogTransition}>
       <DialogTitle>{props.title}</DialogTitle>
-      <DialogContent style={{ paddingBottom: isSmallScreen ? 24 : undefined }}>
+      <DialogContent>
         <Typography variant="body2">{props.children}</Typography>
-        <DialogActionsBox preventMobileActionsBox smallDialog>
-          {props.cancelButton}
-          {props.confirmButton}
-        </DialogActionsBox>
       </DialogContent>
+      <DialogActionsBox className={classes.confirmDialogActionsBox} preventMobileActionsBox smallDialog>
+        {props.cancelButton}
+        {props.confirmButton}
+      </DialogActionsBox>
     </Dialog>
   )
 }

From 45581764b76b5ca63c7bb7804c57c2f1010e7f4c Mon Sep 17 00:00:00 2001
From: Kosta Korenkov <kosta@korenkov.net>
Date: Fri, 26 Jun 2026 17:04:37 +0200
Subject: [PATCH 2/3] fix: pin transaction review actions

---
 src/TransactionReview/components/ReviewForm.tsx              | 2 +-
 src/TransactionReview/components/TransactionReviewDialog.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/TransactionReview/components/ReviewForm.tsx b/src/TransactionReview/components/ReviewForm.tsx
index 3ce870ae..07373747 100644
--- a/src/TransactionReview/components/ReviewForm.tsx
+++ b/src/TransactionReview/components/ReviewForm.tsx
@@ -201,7 +201,7 @@ function TxConfirmationForm(props: Props) {
           />
         ) : null}
       </VerticalLayout>
-      <Portal desktop="inline" target={props.actionsRef && props.actionsRef.element}>
+      <Portal target={props.actionsRef && props.actionsRef.element}>
         <DialogActionsBox smallDialog={props.disabled && !props.signatureRequest}>
           {props.signatureRequest ? (
             <ActionButton icon={DismissIcon} onClick={requestDismissalConfirmation}>
diff --git a/src/TransactionReview/components/TransactionReviewDialog.tsx b/src/TransactionReview/components/TransactionReviewDialog.tsx
index e6a48de8..9f70a240 100644
--- a/src/TransactionReview/components/TransactionReviewDialog.tsx
+++ b/src/TransactionReview/components/TransactionReviewDialog.tsx
@@ -87,7 +87,7 @@ export function TransactionReviewDialogBody(props: TransactionReviewDialogBodyPr
   )
 
   return (
-    <DialogBody top={titleContent} actions={props.showSubmissionProgress ? null : dialogActionsRef}>
+    <DialogBody top={titleContent} actions={props.showSubmissionProgress ? null : dialogActionsRef} actionsPosition="bottom">
       {props.transaction && !props.showSubmissionProgress ? (
         <Box margin={`12px ${isSmallScreen ? "4px" : "0"} 0`} textAlign="center">
           <ReviewForm

From 334331b217a8727cc446b71deb18216ccfdef1b4 Mon Sep 17 00:00:00 2001
From: Kosta Korenkov <kosta@korenkov.net>
Date: Fri, 26 Jun 2026 17:27:04 +0200
Subject: [PATCH 3/3] fix: reveal review password prompt

---
 src/TransactionReview/components/ReviewForm.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/TransactionReview/components/ReviewForm.tsx b/src/TransactionReview/components/ReviewForm.tsx
index 07373747..6d4a2212 100644
--- a/src/TransactionReview/components/ReviewForm.tsx
+++ b/src/TransactionReview/components/ReviewForm.tsx
@@ -76,9 +76,11 @@ function TxConfirmationForm(props: Props) {
   const [errors, setErrors] = React.useState<Partial<FormErrors>>({})
   const [formValues, setFormValues] = React.useState<FormValues>({ password: null })
   const [loading, setLoading] = React.useState<boolean>(false)
+  const passwordFieldRef = React.useRef<HTMLInputElement | null>(null)
   const { t } = useTranslation()
 
   const passwordError = props.passwordError || errors.password
+  const showPasswordField = props.account.requiresPassword && !props.disabled
 
   const cancelDismissal = React.useCallback(() => setDismissalConfirmationPending(false), [])
   const requestDismissalConfirmation = React.useCallback(() => setDismissalConfirmationPending(true), [])
@@ -169,6 +171,18 @@ function TxConfirmationForm(props: Props) {
     }, 0)
   }, [])
 
+  React.useEffect(() => {
+    if (!showPasswordField) {
+      return undefined
+    }
+
+    const animationFrame = window.requestAnimationFrame(() => {
+      passwordFieldRef.current?.scrollIntoView(false)
+    })
+
+    return () => window.cancelAnimationFrame(animationFrame)
+  }, [showPasswordField, props.transaction])
+
   return (
     <form id={formID} noValidate onSubmit={handleFormSubmission}>
       <VerticalLayout>
@@ -184,7 +198,7 @@ function TxConfirmationForm(props: Props) {
           paymentSummary={props.paymentSummary}
           paymentSummaryIsEstimated={props.paymentSummaryIsEstimated}
         />
-        {props.account.requiresPassword && !props.disabled ? (
+        {showPasswordField ? (
           <PasswordField
             autoFocus={import.meta.env.VITE_PLATFORM !== "ios"}
             error={Boolean(passwordError)}
@@ -194,6 +208,7 @@ function TxConfirmationForm(props: Props) {
                 : t("account.transaction-review.textfield.password.label")
             }
             fullWidth
+            inputRef={passwordFieldRef}
             margin="dense"
             value={formValues.password || ""}
             onChange={handleTextFieldChange}