From 77c5f785bfd07920e4649da66425a0e5e78e24c9 Mon Sep 17 00:00:00 2001
From: "mkhutornyi (via MelvinBot)" <infra+melvinbot@expensify.com>
Date: Fri, 24 Apr 2026 17:15:29 +0000
Subject: [PATCH] Use correct cardName translation key for personal card rename
 flow

The personal card edit name page and card details header menu were
using the 'cardNumber' translation key instead of 'cardName', causing
the label to show "Card number" instead of "Card name".

Co-authored-by: mkhutornyi <mkhutornyi@users.noreply.github.com>
---
 src/pages/settings/Wallet/PersonalCardDetailsHeaderMenu.tsx | 2 +-
 src/pages/settings/Wallet/PersonalCardEditNamePage.tsx      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/settings/Wallet/PersonalCardDetailsHeaderMenu.tsx b/src/pages/settings/Wallet/PersonalCardDetailsHeaderMenu.tsx
index 4021950192e2..087b46e87ba5 100644
--- a/src/pages/settings/Wallet/PersonalCardDetailsHeaderMenu.tsx
+++ b/src/pages/settings/Wallet/PersonalCardDetailsHeaderMenu.tsx
@@ -81,7 +81,7 @@ function PersonalCardDetailsHeaderMenu({
                 }}
             >
                 <MenuItemWithTopDescription
-                    description={translate('workspace.moreFeatures.companyCards.cardNumber')}
+                    description={translate('workspace.moreFeatures.companyCards.cardName')}
                     title={customCardNames?.[cardID] ?? card?.cardName ?? getDefaultCardName(cardholder?.firstName)}
                     shouldShowRightIcon
                     brickRoadIndicator={card?.nameValuePairs?.errorFields?.cardTitle ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : undefined}
diff --git a/src/pages/settings/Wallet/PersonalCardEditNamePage.tsx b/src/pages/settings/Wallet/PersonalCardEditNamePage.tsx
index 0b6d354cea28..d0edc3f14a38 100644
--- a/src/pages/settings/Wallet/PersonalCardEditNamePage.tsx
+++ b/src/pages/settings/Wallet/PersonalCardEditNamePage.tsx
@@ -69,7 +69,7 @@ function PersonalCardEditNamePage({route}: PersonalCardEditNamePageProps) {
             shouldEnableMaxHeight
         >
             <HeaderWithBackButton
-                title={translate('workspace.moreFeatures.companyCards.cardNumber')}
+                title={translate('workspace.moreFeatures.companyCards.cardName')}
                 onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_WALLET_PERSONAL_CARD_DETAILS.getRoute(cardID))}
             />
             <Text style={[styles.mh5, styles.mt3, styles.mb5]}>{translate('workspace.moreFeatures.companyCards.giveItNameInstruction')}</Text>
@@ -85,8 +85,8 @@ function PersonalCardEditNamePage({route}: PersonalCardEditNamePageProps) {
                 <InputWrapper
                     InputComponent={TextInput}
                     inputID={INPUT_IDS.NAME}
-                    label={translate('workspace.moreFeatures.companyCards.cardNumber')}
-                    aria-label={translate('workspace.moreFeatures.companyCards.cardNumber')}
+                    label={translate('workspace.moreFeatures.companyCards.cardName')}
+                    aria-label={translate('workspace.moreFeatures.companyCards.cardName')}
                     role={CONST.ROLE.PRESENTATION}
                     defaultValue={defaultValue}
                     ref={inputCallbackRef}