diff --git a/ui/components/multichain/create-account/create-account.js b/ui/components/multichain/create-account/create-account.js index ccd18116460b..838609ab7a9a 100644 --- a/ui/components/multichain/create-account/create-account.js +++ b/ui/components/multichain/create-account/create-account.js @@ -39,11 +39,12 @@ export const CreateAccount = ({ onActionComplete }) => { const defaultAccountName = t('newAccountNumberName', [newAccountNumber]); const [newAccountName, setNewAccountName] = useState(''); + const trimmedAccountName = newAccountName.trim(); const { isValidAccountName, errorMessage } = getAccountNameErrorMessage( accounts, { t }, - newAccountName, + trimmedAccountName ?? defaultAccountName, defaultAccountName, ); @@ -58,7 +59,7 @@ export const CreateAccount = ({ onActionComplete }) => { event.preventDefault(); try { - await onCreateAccount(newAccountName || defaultAccountName); + await onCreateAccount(trimmedAccountName || defaultAccountName); onActionComplete(true); trackEvent({ category: MetaMetricsEventCategory.Accounts, diff --git a/ui/components/ui/editable-label/editable-label.js b/ui/components/ui/editable-label/editable-label.js index ec0f18df7770..80a032450f6c 100644 --- a/ui/components/ui/editable-label/editable-label.js +++ b/ui/components/ui/editable-label/editable-label.js @@ -38,7 +38,7 @@ export default class EditableLabel extends Component { return; } - await this.props.onSubmit(this.state.value); + await this.props.onSubmit(this.state.value.trim()); this.setState({ isEditing: false }); }