From 5aaff080c42193e3459db73705c26e54bdf82fa7 Mon Sep 17 00:00:00 2001
From: Ashley Wright <ashley.wright@mx.com>
Date: Mon, 21 Sep 2026 13:32:20 -0600
Subject: [PATCH 1/2] migrated selection boxes to radio buttons

---
 src/views/microdeposits/AccountInfo.js        | 61 ++++++++++++-------
 .../microdeposits/AccountInfo.module.css      |  7 +--
 2 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/views/microdeposits/AccountInfo.js b/src/views/microdeposits/AccountInfo.js
index 9f62e57cc2..84393e03de 100644
--- a/src/views/microdeposits/AccountInfo.js
+++ b/src/views/microdeposits/AccountInfo.js
@@ -3,8 +3,16 @@ import PropTypes from 'prop-types'
 import _isEmpty from 'lodash/isEmpty'
 
 import { Icon, Text } from '@mxenabled/mxui'
-import { TextField, SelectionBox } from 'src/privacy/input'
-import { Button, RadioGroup, FormControl, FormLabel, Stack } from '@mui/material'
+import { TextField } from 'src/privacy/input'
+import {
+  Button,
+  FormControl,
+  FormControlLabel,
+  FormLabel,
+  Radio,
+  RadioGroup,
+  Stack,
+} from '@mui/material'
 
 import useAnalyticsPath from 'src/hooks/useAnalyticsPath'
 
@@ -85,30 +93,37 @@ export const AccountInfo = (props) => {
         <SlideDown delay={getNextDelay()}>
           <FormControl className={styles.formControl} component="fieldset">
             <FormLabel component="legend">{__('Account type')}</FormLabel>
-            <RadioGroup className={styles.radioGroup} name="row-radio-buttons-group" row={true}>
-              <SelectionBox
-                autoFocus={
-                  focus === AccountFields.ACCOUNT_TYPE &&
-                  accountType === ReadableAccountTypes.CHECKING
+            <RadioGroup
+              className={styles.radioGroup}
+              name="accountType"
+              onChange={(e) => setAccountType(Number(e.target.value))}
+              value={accountType}
+            >
+              <FormControlLabel
+                control={
+                  <Radio
+                    autoFocus={
+                      focus === AccountFields.ACCOUNT_TYPE &&
+                      accountType === ReadableAccountTypes.CHECKING
+                    }
+                    size="small"
+                  />
                 }
-                id={AccountTypeLabels[ReadableAccountTypes.CHECKING]}
-                message={AccountTypeLabels[ReadableAccountTypes.CHECKING]}
-                name="accountType"
-                onChange={() => setAccountType(ReadableAccountTypes.CHECKING)}
-                selected={accountType === ReadableAccountTypes.CHECKING}
-                value={AccountTypeLabels[ReadableAccountTypes.CHECKING]}
+                label={AccountTypeLabels[ReadableAccountTypes.CHECKING]}
+                value={ReadableAccountTypes.CHECKING}
               />
-              <SelectionBox
-                autoFocus={
-                  focus === AccountFields.ACCOUNT_TYPE &&
-                  accountType === ReadableAccountTypes.SAVINGS
+              <FormControlLabel
+                control={
+                  <Radio
+                    autoFocus={
+                      focus === AccountFields.ACCOUNT_TYPE &&
+                      accountType === ReadableAccountTypes.SAVINGS
+                    }
+                    size="small"
+                  />
                 }
-                id={AccountTypeLabels[ReadableAccountTypes.SAVINGS]}
-                message={AccountTypeLabels[ReadableAccountTypes.SAVINGS]}
-                name="accountType"
-                onChange={() => setAccountType(ReadableAccountTypes.SAVINGS)}
-                selected={accountType === ReadableAccountTypes.SAVINGS}
-                value={AccountTypeLabels[ReadableAccountTypes.SAVINGS]}
+                label={AccountTypeLabels[ReadableAccountTypes.SAVINGS]}
+                value={ReadableAccountTypes.SAVINGS}
               />
             </RadioGroup>
           </FormControl>
diff --git a/src/views/microdeposits/AccountInfo.module.css b/src/views/microdeposits/AccountInfo.module.css
index 5a44ee82a2..110ad0eeb4 100644
--- a/src/views/microdeposits/AccountInfo.module.css
+++ b/src/views/microdeposits/AccountInfo.module.css
@@ -3,13 +3,8 @@
 }
 
 .radioGroup:global(.MuiFormGroup-root) {
-  justify-content: space-between;
   margin-top: var(--spacing-1);
-  padding-bottom: var(--spacing-2);
-}
-
-.radioGroup > :global(.ph-no-capture) {
-  width: 48%;
+  padding-bottom: var(--spacing-4);
 }
 
 .button:global(.MuiButton-root) {

From cbfbda92e83ec15a9796a77d6135aea1148c861a Mon Sep 17 00:00:00 2001
From: Ashley Wright <ashley.wright@mx.com>
Date: Mon, 21 Sep 2026 13:33:42 -0600
Subject: [PATCH 2/2] fix: fix overlapping selection boxes