diff --git a/src/ONYXKEYS.ts b/src/ONYXKEYS.ts
index 2ca42f2af0366..a2ca1ff5e8ca4 100755
--- a/src/ONYXKEYS.ts
+++ b/src/ONYXKEYS.ts
@@ -706,6 +706,9 @@ const ONYXKEYS = {
          */
         WORKSPACE_CARDS_LIST: 'cards_',
 
+        /** Collection of objects where each object represents the card assignment that failed */
+        FAILED_COMPANY_CARDS_ASSIGNMENTS: 'failedCompanyCardsAssignments_',
+
         /** Expensify cards settings */
         PRIVATE_EXPENSIFY_CARD_SETTINGS: 'private_expensifyCardSettings_',
 
@@ -1131,6 +1134,7 @@ type OnyxCollectionValuesMapping = {
     [ONYXKEYS.COLLECTION.EXPENSIFY_CARD_BANK_ACCOUNT_METADATA]: OnyxTypes.ExpensifyCardBankAccountMetadata;
     [ONYXKEYS.COLLECTION.PRIVATE_EXPENSIFY_CARD_MANUAL_BILLING]: boolean;
     [ONYXKEYS.COLLECTION.WORKSPACE_CARDS_LIST]: OnyxTypes.WorkspaceCardsList;
+    [ONYXKEYS.COLLECTION.FAILED_COMPANY_CARDS_ASSIGNMENTS]: OnyxTypes.FailedCompanyCardAssignments;
     [ONYXKEYS.COLLECTION.EXPENSIFY_CARD_CONTINUOUS_RECONCILIATION_CONNECTION]: OnyxTypes.PolicyConnectionName;
     [ONYXKEYS.COLLECTION.EXPENSIFY_CARD_USE_CONTINUOUS_RECONCILIATION]: OnyxTypes.CardContinuousReconciliation;
     [ONYXKEYS.COLLECTION.LAST_SELECTED_FEED]: OnyxTypes.CompanyCardFeedWithDomainID;
diff --git a/src/components/ErrorMessageRow.tsx b/src/components/ErrorMessageRow.tsx
index 8086fc714f6ed..9d3274aa34ddc 100644
--- a/src/components/ErrorMessageRow.tsx
+++ b/src/components/ErrorMessageRow.tsx
@@ -16,17 +16,14 @@ type ErrorMessageRowProps = {
     /** Additional style object for the error row text */
     errorRowTextStyles?: StyleProp<TextStyle>;
 
-    /** A function to run when the X button next to the error is clicked */
-    onClose?: () => void;
-
-    /** Whether we can dismiss the error message */
-    canDismissError?: boolean;
+    /** If passed, an X button next to the error will be shown and which triggers this callback */
+    onDismiss?: () => void;
 
     /** A function to dismiss error */
     dismissError?: () => void;
 };
 
-function ErrorMessageRow({errors, errorRowStyles, onClose, canDismissError = true, dismissError, errorRowTextStyles}: ErrorMessageRowProps) {
+function ErrorMessageRow({errors, errorRowStyles, onDismiss, dismissError, errorRowTextStyles}: ErrorMessageRowProps) {
     // Some errors have a null message. This is used to apply opacity only and to avoid showing redundant messages.
     const errorEntries = Object.entries(errors ?? {});
     const filteredErrorEntries = errorEntries.filter((errorEntry): errorEntry is [string, string | ReceiptError | OnyxCommon.TranslationKeyError] => errorEntry[1] !== null);
@@ -37,10 +34,9 @@ function ErrorMessageRow({errors, errorRowStyles, onClose, canDismissError = tru
         <MessagesRow
             messages={errorMessages}
             type="error"
-            onClose={onClose}
+            onDismiss={onDismiss}
             containerStyles={errorRowStyles}
             errorTextStyles={errorRowTextStyles}
-            canDismiss={canDismissError}
             dismissError={dismissError}
         />
     ) : null;
diff --git a/src/components/ImportSpreadsheetColumns.tsx b/src/components/ImportSpreadsheetColumns.tsx
index b1d8b93127404..d05c309da9ed6 100644
--- a/src/components/ImportSpreadsheetColumns.tsx
+++ b/src/components/ImportSpreadsheetColumns.tsx
@@ -108,7 +108,6 @@ function ImportSpreadsheetColumns({
                     shouldDisplayErrorAbove
                     errors={errors}
                     errorRowStyles={styles.mv2}
-                    canDismissError={false}
                 >
                     <Button
                         text={translate('common.import')}
diff --git a/src/components/MessagesRow.tsx b/src/components/MessagesRow.tsx
index 51044161e7f45..595d6c5127a27 100644
--- a/src/components/MessagesRow.tsx
+++ b/src/components/MessagesRow.tsx
@@ -22,7 +22,7 @@ type MessagesRowProps = {
     type: 'error' | 'success';
 
     /** A function to run when the X button next to the message is clicked */
-    onClose?: () => void;
+    onDismiss?: () => void;
 
     /** Additional style object for the container */
     containerStyles?: StyleProp<ViewStyle>;
@@ -30,24 +30,25 @@ type MessagesRowProps = {
     /** Additional style object for the error text */
     errorTextStyles?: StyleProp<TextStyle>;
 
-    /** Whether we can dismiss the messages */
-    canDismiss?: boolean;
-
     /** A function to dismiss error */
     dismissError?: () => void;
 };
 
-function MessagesRow({messages = {}, type, onClose = () => {}, containerStyles, canDismiss = true, dismissError = () => {}, errorTextStyles}: MessagesRowProps) {
+function MessagesRow({messages = {}, type, onDismiss = () => {}, containerStyles, dismissError = () => {}, errorTextStyles}: MessagesRowProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
 
+    const showDismissButton = !!onDismiss;
+
+    const dismissText = translate('common.dismiss');
+
     if (isEmptyObject(messages)) {
         return null;
     }
 
     return (
-        <View style={[styles.flexRow, styles.alignItemsCenter, containerStyles]}>
+        <View style={[styles.flexRow, styles.alignItemsCenter, styles.mb4, styles.messagesRowHeight, containerStyles]}>
             <DotIndicatorMessage
                 dismissError={dismissError}
                 style={styles.flex1}
@@ -55,13 +56,12 @@ function MessagesRow({messages = {}, type, onClose = () => {}, containerStyles,
                 messages={messages}
                 type={type}
             />
-            {canDismiss && (
-                <Tooltip text={translate('common.close')}>
+            {showDismissButton && (
+                <Tooltip text={dismissText}>
                     <PressableWithoutFeedback
-                        onPress={onClose}
-                        style={[styles.touchableButtonImage]}
+                        onPress={onDismiss}
                         role={CONST.ROLE.BUTTON}
-                        accessibilityLabel={translate('common.close')}
+                        accessibilityLabel={dismissText}
                     >
                         <Icon
                             fill={theme.icon}
diff --git a/src/components/OfflineWithFeedback.tsx b/src/components/OfflineWithFeedback.tsx
index 37e8161856f34..c515149b66a99 100644
--- a/src/components/OfflineWithFeedback.tsx
+++ b/src/components/OfflineWithFeedback.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import React from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
 import {View} from 'react-native';
 import useNetwork from '@hooks/useNetwork';
@@ -22,7 +22,7 @@ import ImageSVG from './ImageSVG';
  * care of adding the appropriate styles for pending actions and displaying the dismissible error.
  */
 
-type OfflineWithFeedbackProps = ChildrenProps & {
+type OfflineWithFeedbackProps = Partial<ChildrenProps> & {
     /** The type of action that's pending  */
     pendingAction?: OnyxCommon.PendingAction | null;
 
@@ -41,10 +41,10 @@ type OfflineWithFeedbackProps = ChildrenProps & {
     /** A function to run when the X button next to the error is clicked */
     onClose?: () => void;
 
-    /** Additional styles to add after local styles. Applied to the parent container */
+    /** Additional styles to add to the container after local styles. Applied to the parent container */
     style?: StyleProp<ViewStyle>;
 
-    /** Additional styles to add after local styles. Applied to the children wrapper container */
+    /** Additional styles to add to the children wrapper container after local styles. Applied to the children wrapper container */
     contentContainerStyle?: StyleProp<ViewStyle>;
 
     /** Additional style object for the error row */
@@ -59,9 +59,6 @@ type OfflineWithFeedbackProps = ChildrenProps & {
     /** Whether to apply needsOffscreenAlphaCompositing prop to the children */
     needsOffscreenAlphaCompositing?: boolean;
 
-    /** Whether we can dismiss the error message */
-    canDismissError?: boolean;
-
     /** Whether we should render the error message above the children */
     shouldDisplayErrorAbove?: boolean;
 
@@ -76,12 +73,11 @@ type StrikethroughProps = Partial<ChildrenProps> & {style: AllStyles[]};
 
 function OfflineWithFeedback({
     pendingAction,
-    canDismissError = true,
     contentContainerStyle,
     errorRowStyles,
     errors,
     needsOffscreenAlphaCompositing = false,
-    onClose = () => {},
+    onClose: onDismiss,
     shouldDisableOpacity = false,
     shouldDisableStrikeThrough = false,
     shouldHideOnDelete = true,
@@ -91,7 +87,7 @@ function OfflineWithFeedback({
     shouldForceOpacity = false,
     dismissError = () => {},
     errorRowTextStyles,
-    ...rest
+    ...restProps
 }: OfflineWithFeedbackProps) {
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
@@ -105,38 +101,36 @@ function OfflineWithFeedback({
     const needsOpacity = (!shouldDisableOpacity && ((isOfflinePendingAction && !isUpdateOrDeleteError) || isAddError)) || shouldForceOpacity;
     const needsStrikeThrough = !shouldDisableStrikeThrough && isOffline && pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE;
     const hideChildren = shouldHideOnDelete && !isOffline && pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE && !hasErrors;
-    let children = rest.children;
+    let children = restProps.children;
+    const hasChildren = !!children;
 
     /**
      * This method applies the strikethrough to all the children passed recursively
      */
-    const applyStrikeThrough = useCallback(
-        (childrenProp: React.ReactNode): React.ReactNode => {
-            const strikeThroughChildren = mapChildrenFlat(childrenProp, (child) => {
-                if (!React.isValidElement(child) || child.type === ImageSVG) {
-                    return child;
-                }
-
-                type ChildComponentProps = ChildrenProps & {style?: AllStyles};
-                const childProps = child.props as ChildComponentProps;
-                const props: StrikethroughProps = {
-                    style: StyleUtils.combineStyles(childProps.style ?? [], styles.offlineFeedbackDeleted, styles.userSelectNone),
-                };
-
-                if (childProps.children) {
-                    props.children = applyStrikeThrough(childProps.children);
-                }
-
-                return React.cloneElement(child, props);
-            });
-
-            return strikeThroughChildren;
-        },
-        [StyleUtils, styles],
-    );
+    const applyStrikeThrough = (childrenProp: React.ReactNode): React.ReactNode => {
+        const strikeThroughChildren = mapChildrenFlat(childrenProp, (child) => {
+            if (!React.isValidElement(child) || child.type === ImageSVG) {
+                return child;
+            }
+
+            type ChildComponentProps = ChildrenProps & {style?: AllStyles};
+            const childProps = child.props as ChildComponentProps;
+            const props: StrikethroughProps = {
+                style: StyleUtils.combineStyles(childProps.style ?? [], styles.offlineFeedbackDeleted, styles.userSelectNone),
+            };
+
+            if (childProps.children) {
+                props.children = applyStrikeThrough(childProps.children);
+            }
+
+            return React.cloneElement(child, props);
+        });
+
+        return strikeThroughChildren;
+    };
 
     // Apply strikethrough to children if needed, but skip it if we are not going to render them
-    if (needsStrikeThrough && !hideChildren) {
+    if (hasChildren && needsStrikeThrough && !hideChildren) {
         children = applyStrikeThrough(children);
     }
     return (
@@ -145,13 +139,12 @@ function OfflineWithFeedback({
                 <ErrorMessageRow
                     errors={errors}
                     errorRowStyles={errorRowStyles}
-                    onClose={onClose}
-                    canDismissError={canDismissError}
+                    onDismiss={onDismiss}
                     errorRowTextStyles={errorRowTextStyles}
                     dismissError={dismissError}
                 />
             )}
-            {!hideChildren && (
+            {hasChildren && !hideChildren && (
                 <View
                     style={[needsOpacity ? styles.offlineFeedbackPending : styles.offlineFeedbackDefault, contentContainerStyle]}
                     needsOffscreenAlphaCompositing={shouldRenderOffscreen ? needsOpacity && needsOffscreenAlphaCompositing : undefined}
@@ -164,8 +157,7 @@ function OfflineWithFeedback({
                     errors={errors}
                     errorRowStyles={errorRowStyles}
                     errorRowTextStyles={errorRowTextStyles}
-                    onClose={onClose}
-                    canDismissError={canDismissError}
+                    onDismiss={onDismiss}
                     dismissError={dismissError}
                 />
             )}
diff --git a/src/components/SelectionScreen.tsx b/src/components/SelectionScreen.tsx
index 8ca418fb58d83..72007431b1eec 100644
--- a/src/components/SelectionScreen.tsx
+++ b/src/components/SelectionScreen.tsx
@@ -191,7 +191,7 @@ function SelectionScreen<T = string>({
                         <ErrorMessageRow
                             errors={errors}
                             errorRowStyles={errorRowStyles}
-                            onClose={onClose}
+                            onDismiss={onClose}
                         />
                     </SelectionList>
                 </OfflineWithFeedback>
diff --git a/src/libs/actions/CompanyCards.ts b/src/libs/actions/CompanyCards.ts
index 456e1322e30e7..a2e26c783ed58 100644
--- a/src/libs/actions/CompanyCards.ts
+++ b/src/libs/actions/CompanyCards.ts
@@ -22,7 +22,7 @@ import * as PolicyUtils from '@libs/PolicyUtils';
 import * as ReportUtils from '@libs/ReportUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
-import type {Card, Policy} from '@src/types/onyx';
+import type {Card, FailedCompanyCardAssignment, Policy} from '@src/types/onyx';
 import type {AssignCard, AssignCardData} from '@src/types/onyx/AssignCard';
 import type {
     AddNewCardFeedData,
@@ -308,14 +308,24 @@ function deleteWorkspaceCompanyCardFeed(policyID: string, domainOrWorkspaceAccou
     API.write(WRITE_COMMANDS.DELETE_COMPANY_CARD_FEED, parameters, {optimisticData, successData, failureData});
 }
 
-function assignWorkspaceCompanyCard(policy: OnyxEntry<Policy>, data?: Partial<AssignCardData>) {
+function assignWorkspaceCompanyCard(policy: OnyxEntry<Policy>, domainOrWorkspaceAccountID: number, data?: Partial<AssignCardData>) {
     if (!data || !policy?.id) {
         return;
     }
-    const {bankName = '', email = '', encryptedCardNumber = '', startDate = '', cardName = ''} = data;
+    const {bankName = '', email = '', encryptedCardNumber = '', startDate = '', cardName = '', cardholder} = data;
     const assigneeDetails = PersonalDetailsUtils.getPersonalDetailByEmail(email);
     const optimisticCardAssignedReportAction = ReportUtils.buildOptimisticCardAssignedReportAction(assigneeDetails?.accountID ?? CONST.DEFAULT_NUMBER_ID);
 
+    const failedCardAssignment: FailedCompanyCardAssignment = {
+        cardholder,
+        cardName,
+        cardNumber: encryptedCardNumber,
+        pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+        errors: {
+            failed: 'Card assignment failed.',
+        },
+    };
+
     const parameters: AssignCompanyCardParams = {
         policyID: policy.id,
         bankName,
@@ -351,7 +361,7 @@ function assignWorkspaceCompanyCard(policy: OnyxEntry<Policy>, data?: Partial<As
             {
                 onyxMethod: Onyx.METHOD.MERGE,
                 key: ONYXKEYS.ASSIGN_CARD,
-                value: {isAssigned: true, isAssigning: false},
+                value: {isAssigning: false, isAssignmentFinished: true},
             },
         ],
         failureData: [
@@ -368,7 +378,14 @@ function assignWorkspaceCompanyCard(policy: OnyxEntry<Policy>, data?: Partial<As
             {
                 onyxMethod: Onyx.METHOD.MERGE,
                 key: ONYXKEYS.ASSIGN_CARD,
-                value: {isAssigning: false},
+                value: {isAssigning: false, isAssignmentFinished: true},
+            },
+            {
+                onyxMethod: Onyx.METHOD.MERGE,
+                key: `${ONYXKEYS.COLLECTION.FAILED_COMPANY_CARDS_ASSIGNMENTS}${domainOrWorkspaceAccountID}`,
+                value: {
+                    [encryptedCardNumber]: failedCardAssignment,
+                },
             },
         ],
     };
@@ -449,6 +466,12 @@ function unassignWorkspaceCompanyCard(domainOrWorkspaceAccountID: number, bankNa
     API.write(WRITE_COMMANDS.UNASSIGN_COMPANY_CARD, parameters, onyxData);
 }
 
+function resetFailedWorkspaceCompanyCardAssignment(domainOrWorkspaceAccountID: number, cardNumber: string) {
+    Onyx.merge(`${ONYXKEYS.COLLECTION.FAILED_COMPANY_CARDS_ASSIGNMENTS}${domainOrWorkspaceAccountID}`, {
+        [cardNumber]: null,
+    });
+}
+
 function updateWorkspaceCompanyCard(domainOrWorkspaceAccountID: number, cardID: string, bankName: CompanyCardFeed, lastScrapeResult?: number) {
     const authToken = NetworkStore.getAuthToken();
 
@@ -937,6 +960,7 @@ export {
     addNewCompanyCardsFeed,
     assignWorkspaceCompanyCard,
     unassignWorkspaceCompanyCard,
+    resetFailedWorkspaceCompanyCardAssignment,
     updateWorkspaceCompanyCard,
     updateCompanyCardName,
     setCompanyCardExportAccount,
diff --git a/src/pages/ReimbursementAccount/VerifiedBankAccountFlowEntryPoint.tsx b/src/pages/ReimbursementAccount/VerifiedBankAccountFlowEntryPoint.tsx
index 7b7fdfc8e0593..5e3902f86bed1 100644
--- a/src/pages/ReimbursementAccount/VerifiedBankAccountFlowEntryPoint.tsx
+++ b/src/pages/ReimbursementAccount/VerifiedBankAccountFlowEntryPoint.tsx
@@ -239,8 +239,7 @@ function VerifiedBankAccountFlowEntryPoint({
                                 }
                                 errorRowStyles={styles.mt2}
                                 shouldShowErrorMessages
-                                canDismissError={!reimbursementAccount?.maxAttemptsReached}
-                                onClose={resetReimbursementAccount}
+                                onClose={reimbursementAccount?.maxAttemptsReached ? undefined : resetReimbursementAccount}
                             >
                                 <MenuItem
                                     title={translate('workspace.bankAccount.continueWithSetup')}
diff --git a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.tsx b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.tsx
index a5b2ac723eb2c..272879da8234b 100644
--- a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.tsx
+++ b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.tsx
@@ -320,7 +320,7 @@ function ContactMethodDetailsPage({route}: ContactMethodDetailsPageProps) {
                     <ErrorMessageRow
                         errors={getLatestErrorField(loginData, 'addedLogin')}
                         errorRowStyles={[themeStyles.mh5, themeStyles.mv3]}
-                        onClose={() => {
+                        onDismiss={() => {
                             clearContactMethod(contactMethod);
                             clearUnvalidatedNewContactMethodAction();
                             Navigation.goBack(ROUTES.SETTINGS_CONTACT_METHODS.getRoute(backTo));
diff --git a/src/pages/settings/Wallet/PaymentMethodListItem.tsx b/src/pages/settings/Wallet/PaymentMethodListItem.tsx
index e85038fb0545e..bca259a45b00e 100644
--- a/src/pages/settings/Wallet/PaymentMethodListItem.tsx
+++ b/src/pages/settings/Wallet/PaymentMethodListItem.tsx
@@ -113,11 +113,10 @@ function PaymentMethodListItem({item, shouldShowDefaultBadge, threeDotsMenuItems
 
     return (
         <OfflineWithFeedback
-            onClose={() => dismissError(item)}
+            onClose={item.canDismissError ? () => dismissError(item) : undefined}
             pendingAction={item.pendingAction}
             errors={item.errors}
             errorRowStyles={styles.ph6}
-            canDismissError={item.canDismissError}
             shouldShowErrorMessages={false}
         >
             <MenuItem
diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx
index c8e551957624f..3bc5491e370d7 100644
--- a/src/pages/workspace/WorkspaceMembersPage.tsx
+++ b/src/pages/workspace/WorkspaceMembersPage.tsx
@@ -501,7 +501,7 @@ function WorkspaceMembersPage({personalDetails, route, policy}: WorkspaceMembers
                     // eslint-disable-next-line @typescript-eslint/naming-convention
                     messages={{0: translate('workspace.people.addedWithPrimary')}}
                     containerStyles={[styles.pb5, styles.ph5]}
-                    onClose={() => dismissAddedWithPrimaryLoginMessages(policyID)}
+                    onDismiss={() => dismissAddedWithPrimaryLoginMessages(policyID)}
                 />
             )}
         </View>
diff --git a/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseConfigurationPage.tsx b/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseConfigurationPage.tsx
index ec077ad5425bb..2a1a43d261f47 100644
--- a/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseConfigurationPage.tsx
+++ b/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseConfigurationPage.tsx
@@ -124,7 +124,6 @@ function QuickbooksOutOfPocketExpenseConfigurationPage({policy}: WithPolicyConne
                     key={index}
                     errors={section.errors}
                     errorRowStyles={[styles.ph5]}
-                    canDismissError={false}
                 >
                     <MenuItemWithTopDescription
                         title={section.title}
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx
index 8705c25820d34..4a436f3c1c446 100644
--- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx
@@ -46,8 +46,11 @@ function WorkspaceCompanyCardsPage({route}: WorkspaceCompanyCardsPageProps) {
     const companyFeeds = getCompanyFeeds(cardFeeds);
     const selectedFeedData = selectedFeed && companyFeeds[selectedFeed];
     const feed = selectedFeed ? getCompanyCardFeed(selectedFeed) : undefined;
+
     const [cardsList, cardsListMetadata] = useCardsList(selectedFeed);
-    const hasNoAssignedCard = Object.keys(cardsList ?? {}).length === 0;
+    const {cardList, ...assignedCards} = cardsList ?? {};
+    const hasNoAssignedCard = Object.keys(assignedCards).length === 0;
+
     const isNoFeed = !selectedFeedData;
     const isFeedPending = !!selectedFeedData?.pending;
     const isFeedAdded = !isFeedPending && !isNoFeed;
@@ -114,9 +117,10 @@ function WorkspaceCompanyCardsPage({route}: WorkspaceCompanyCardsPageProps) {
 
                     {isFeedAdded && !isFeedPending && (
                         <WorkspaceCompanyCardsTable
+                            policyID={policyID}
+                            domainOrWorkspaceAccountID={domainOrWorkspaceAccountID}
                             selectedFeed={selectedFeed}
                             shouldShowGBDisclaimer={shouldShowGBDisclaimer}
-                            policyID={policyID}
                             onAssignCard={assignCard}
                             isAssigningCardDisabled={isAssigningCardDisabled}
                         />
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsTable.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsTable.tsx
index a33054c58a7d3..72feb4e3b783e 100644
--- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsTable.tsx
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsTable.tsx
@@ -30,6 +30,9 @@ type WorkspaceCompanyCardsTableProps = {
     /** Current policy id */
     policyID: string;
 
+    /** Domain or workspace account ID */
+    domainOrWorkspaceAccountID: number;
+
     /** On assign card callback */
     onAssignCard: (cardID?: string) => void;
 
@@ -40,7 +43,7 @@ type WorkspaceCompanyCardsTableProps = {
     shouldShowGBDisclaimer?: boolean;
 };
 
-function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAssigningCardDisabled, shouldShowGBDisclaimer}: WorkspaceCompanyCardsTableProps) {
+function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAssigningCardDisabled, shouldShowGBDisclaimer, domainOrWorkspaceAccountID}: WorkspaceCompanyCardsTableProps) {
     const styles = useThemeStyles();
     const {isOffline} = useNetwork();
     const {translate, localeCompare} = useLocalize();
@@ -53,13 +56,15 @@ function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAss
     const isLoadingCardsTableData = isLoadingCardsList || isLoadingPersonalDetails;
 
     const [customCardNames] = useOnyx(ONYXKEYS.NVP_EXPENSIFY_COMPANY_CARDS_CUSTOM_NAMES, {canBeMissing: true});
+    const [failedCompanyCardAssignments] = useOnyx(`${ONYXKEYS.COLLECTION.FAILED_COMPANY_CARDS_ASSIGNMENTS}${domainOrWorkspaceAccountID}`, {canBeMissing: true});
 
     const {cardList, ...assignedCards} = cardsList ?? {};
     const [cardFeeds] = useCardFeeds(policyID);
     const companyFeeds = getCompanyFeeds(cardFeeds);
+    const companyCardFeedData = companyFeeds[selectedFeed];
 
     const isPlaidCardFeed = !!getPlaidInstitutionId(selectedFeed);
-    const cards = isPlaidCardFeed ? (companyFeeds?.[selectedFeed]?.accountList ?? []) : Object.keys(cardList ?? {});
+    const cards = isPlaidCardFeed ? (companyCardFeedData?.accountList ?? []) : Object.keys(cardList ?? {});
 
     // When we reach the medium screen width or the narrow layout is active,
     // we want to hide the table header and the middle column of the card rows, so that the content is not overlapping.
@@ -92,6 +97,8 @@ function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAss
 
             const assignedCard = Object.values(assignedCards ?? {}).find(assignedCardPredicate);
 
+            const failedCompanyCardAssignment = failedCompanyCardAssignments?.[cardName];
+
             const cardholder = assignedCard?.accountID ? personalDetails?.[assignedCard.accountID] : undefined;
 
             const customCardName = assignedCard?.cardID ? customCardNames?.[assignedCard.cardID] : undefined;
@@ -100,7 +107,7 @@ function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAss
 
             const isAssigned = !!assignedCard;
 
-            return {cardName, customCardName, isCardDeleted, isAssigned, assignedCard, cardholder};
+            return {cardName, customCardName, isCardDeleted, isAssigned, assignedCard, cardholder, failedCompanyCardAssignment};
         }) ?? [];
 
     const renderItem = ({item, index}: ListRenderItemInfo<WorkspaceCompanyCardTableItemData>) => (
@@ -108,6 +115,7 @@ function WorkspaceCompanyCardsTable({selectedFeed, policyID, onAssignCard, isAss
             key={`${item.cardName}_${index}`}
             item={item}
             policyID={policyID}
+            domainOrWorkspaceAccountID={domainOrWorkspaceAccountID}
             selectedFeed={selectedFeed}
             plaidIconUrl={getPlaidInstitutionIconUrl(selectedFeed)}
             isPlaidCardFeed={isPlaidCardFeed}
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsTableItem.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsTableItem.tsx
index 4fed2eab1924d..00911fe9bbc36 100644
--- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsTableItem.tsx
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsTableItem.tsx
@@ -14,13 +14,14 @@ import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeIllustrations from '@hooks/useThemeIllustrations';
 import useThemeStyles from '@hooks/useThemeStyles';
+import {resetFailedWorkspaceCompanyCardAssignment} from '@libs/actions/CompanyCards';
 import {getCardFeedIcon, getCompanyCardFeedWithDomainID, lastFourNumbersFromCardName, splitMaskedCardNumber} from '@libs/CardUtils';
 import Navigation from '@libs/Navigation/Navigation';
 import {getDefaultAvatarURL} from '@libs/UserAvatarUtils';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import ROUTES from '@src/ROUTES';
-import type {Card, CompanyCardFeed, CompanyCardFeedWithDomainID, PersonalDetails} from '@src/types/onyx';
+import type {Card, CompanyCardFeed, CompanyCardFeedWithDomainID, FailedCompanyCardAssignment, PersonalDetails} from '@src/types/onyx';
 
 type WorkspaceCompanyCardTableItemData = {
     /** Card number */
@@ -35,6 +36,9 @@ type WorkspaceCompanyCardTableItemData = {
     /** Assigned card */
     assignedCard: Card | undefined;
 
+    /** Pending company card assignment */
+    failedCompanyCardAssignment: FailedCompanyCardAssignment | undefined;
+
     /** Whether the card is deleted */
     isCardDeleted: boolean;
 
@@ -49,6 +53,9 @@ type WorkspaceCompanyCardTableItemProps = {
     /** Policy ID */
     policyID: string;
 
+    /** Domain or workspace account ID */
+    domainOrWorkspaceAccountID: number;
+
     /** Selected feed */
     selectedFeed: CompanyCardFeedWithDomainID;
 
@@ -72,8 +79,9 @@ type WorkspaceCompanyCardTableItemProps = {
 };
 
 function WorkspaceCompanyCardTableItem({
-    item: {cardName, customCardName, assignedCard, isAssigned, cardholder, isCardDeleted},
+    item,
     policyID,
+    domainOrWorkspaceAccountID,
     selectedFeed,
     plaidIconUrl,
     isPlaidCardFeed,
@@ -94,17 +102,42 @@ function WorkspaceCompanyCardTableItem({
         cardFeedIcon = getCardFeedIcon(selectedFeed as CompanyCardFeed, illustrations, companyCardFeedIcons);
     }
 
+    const {failedCompanyCardAssignment} = item;
+    let {cardName, customCardName, cardholder, assignedCard, isAssigned, isCardDeleted} = item;
+    let errors = assignedCard?.errors;
+    let pendingAction = assignedCard?.pendingAction;
+
+    if (failedCompanyCardAssignment) {
+        cardName = failedCompanyCardAssignment.cardNumber;
+        customCardName = failedCompanyCardAssignment.cardName;
+        cardholder = failedCompanyCardAssignment.cardholder;
+        assignedCard = undefined;
+        isAssigned = true;
+        isCardDeleted = false;
+        errors = failedCompanyCardAssignment?.errors;
+        pendingAction = failedCompanyCardAssignment?.pendingAction;
+    }
+
     const lastCardNumbers = isPlaidCardFeed ? lastFourNumbersFromCardName(cardName) : splitMaskedCardNumber(cardName)?.lastDigits;
 
     const alternateLoginText = shouldUseNarrowTableRowLayout ? `${customCardName}${lastCardNumbers ? ` - ${lastCardNumbers}` : ''}` : (cardholder?.login ?? '');
 
+    const resetFailedCompanyCardAssignment = () => {
+        if (!failedCompanyCardAssignment) {
+            return;
+        }
+
+        resetFailedWorkspaceCompanyCardAssignment(domainOrWorkspaceAccountID, cardName);
+    };
+
     const assignCard = () => onAssignCard(cardName);
 
     return (
         <OfflineWithFeedback
             errorRowStyles={styles.ph5}
-            errors={assignedCard?.errors}
-            pendingAction={assignedCard?.pendingAction}
+            errors={errors}
+            pendingAction={pendingAction}
+            onClose={resetFailedCompanyCardAssignment}
         >
             <PressableWithFeedback
                 role={CONST.ROLE.BUTTON}
diff --git a/src/pages/workspace/companyCards/assignCard/AssignCardFeedPage.tsx b/src/pages/workspace/companyCards/assignCard/AssignCardFeedPage.tsx
index 98a5052636533..0bffd8283237a 100644
--- a/src/pages/workspace/companyCards/assignCard/AssignCardFeedPage.tsx
+++ b/src/pages/workspace/companyCards/assignCard/AssignCardFeedPage.tsx
@@ -89,7 +89,6 @@ function AssignCardFeedPage({route, policy}: AssignCardFeedPageProps) {
         case CONST.COMPANY_CARD.STEP.ASSIGNEE:
             return (
                 <AssigneeStep
-                    feed={feed}
                     policy={policy}
                     route={route}
                 />
diff --git a/src/pages/workspace/companyCards/assignCard/ConfirmationStep.tsx b/src/pages/workspace/companyCards/assignCard/ConfirmationStep.tsx
index 83b166fd2b23c..75e0302731d27 100644
--- a/src/pages/workspace/companyCards/assignCard/ConfirmationStep.tsx
+++ b/src/pages/workspace/companyCards/assignCard/ConfirmationStep.tsx
@@ -14,7 +14,8 @@ import useNetwork from '@hooks/useNetwork';
 import useOnyx from '@hooks/useOnyx';
 import useRootNavigationState from '@hooks/useRootNavigationState';
 import useThemeStyles from '@hooks/useThemeStyles';
-import {getCompanyCardFeed, getPlaidCountry, getPlaidInstitutionId, isSelectedFeedExpired, maskCardNumber} from '@libs/CardUtils';
+import useWorkspaceAccountID from '@hooks/useWorkspaceAccountID';
+import {getCompanyCardFeed, getDomainOrWorkspaceAccountID, getPlaidCountry, getPlaidInstitutionId, isSelectedFeedExpired, maskCardNumber} from '@libs/CardUtils';
 import {isFullScreenName} from '@libs/Navigation/helpers/isNavigatorName';
 import {getPersonalDetailByEmail} from '@libs/PersonalDetailsUtils';
 import {getDefaultAvatarURL} from '@libs/UserAvatarUtils';
@@ -52,16 +53,22 @@ function ConfirmationStep({policyID, feed, backTo}: ConfirmationStepProps) {
     const bankName = assignCard?.data?.bankName ?? getCompanyCardFeed(feed);
     const [cardFeeds] = useCardFeeds(policyID);
 
+    const companyCardFeedData = cardFeeds?.[feed];
+
+    const workspaceAccountID = useWorkspaceAccountID(policyID);
+    const domainOrWorkspaceAccountID = getDomainOrWorkspaceAccountID(workspaceAccountID, companyCardFeedData);
+
     const data = assignCard?.data;
-    const cardholderDetails = getPersonalDetailByEmail(data?.email ?? '');
-    const cardholderName = Str.removeSMSDomain(cardholderDetails?.displayName ?? '');
+
+    const cardholder = getPersonalDetailByEmail(data?.email ?? '');
+    const cardholderName = Str.removeSMSDomain(cardholder?.displayName ?? '');
     const cardholderEmail = data?.email ?? '';
-    const cardholderAccountID = cardholderDetails?.accountID;
+    const cardholderAccountID = cardholder?.accountID;
 
     const currentFullScreenRoute = useRootNavigationState((state) => state?.routes?.findLast((route) => isFullScreenName(route.name)));
 
     useEffect(() => {
-        if (!assignCard?.isAssigned) {
+        if (!assignCard?.isAssignmentFinished) {
             return;
         }
 
@@ -73,7 +80,7 @@ function ConfirmationStep({policyID, feed, backTo}: ConfirmationStepProps) {
         }
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         InteractionManager.runAfterInteractions(() => clearAssignCardStepAndData());
-    }, [assignCard?.isAssigned, backTo, policyID, currentFullScreenRoute?.state?.routes]);
+    }, [assignCard?.isAssignmentFinished, backTo, policyID, currentFullScreenRoute?.state?.routes]);
 
     const submit = () => {
         if (!policyID) {
@@ -95,7 +102,7 @@ function ConfirmationStep({policyID, feed, backTo}: ConfirmationStepProps) {
             setAssignCardStepAndData({currentStep: institutionId ? CONST.COMPANY_CARD.STEP.PLAID_CONNECTION : CONST.COMPANY_CARD.STEP.BANK_CONNECTION});
             return;
         }
-        assignWorkspaceCompanyCard(policy, {...data, bankName});
+        assignWorkspaceCompanyCard(policy, domainOrWorkspaceAccountID, {...data, cardholder, bankName});
     };
 
     const editStep = (step: AssignCardStep) => {
@@ -131,7 +138,7 @@ function ConfirmationStep({policyID, feed, backTo}: ConfirmationStepProps) {
                     labelStyle={styles.mb3}
                     title={cardholderName && cardholderName !== cardholderEmail ? cardholderName : cardholderEmail}
                     description={cardholderName && cardholderName !== cardholderEmail ? cardholderEmail : undefined}
-                    icon={cardholderDetails?.avatar ?? getDefaultAvatarURL({accountID: cardholderAccountID ?? CONST.DEFAULT_NUMBER_ID})}
+                    icon={cardholder?.avatar ?? getDefaultAvatarURL({accountID: cardholderAccountID ?? CONST.DEFAULT_NUMBER_ID})}
                     iconType={CONST.ICON_TYPE_AVATAR}
                     shouldShowRightIcon
                     onPress={() => editStep(CONST.COMPANY_CARD.STEP.ASSIGNEE)}
@@ -153,7 +160,6 @@ function ConfirmationStep({policyID, feed, backTo}: ConfirmationStepProps) {
                         shouldDisplayErrorAbove
                         errors={assignCard?.errors}
                         errorRowStyles={styles.mv2}
-                        canDismissError={false}
                     >
                         <Button
                             isDisabled={isOffline}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 062529156f752..b6bd6d7dcfa3a 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -938,6 +938,10 @@ const staticStyles = (theme: ThemeColors) =>
             backgroundColor: theme.activeComponentBG,
         },
 
+        messagesRowHeight: {
+            height: variables.componentSizeXSmall,
+        },
+
         touchableButtonImage: {
             alignItems: 'center',
             height: variables.componentSizeNormal,
diff --git a/src/types/onyx/AssignCard.ts b/src/types/onyx/AssignCard.ts
index 9643d33ed2f08..b353d4c007f2e 100644
--- a/src/types/onyx/AssignCard.ts
+++ b/src/types/onyx/AssignCard.ts
@@ -3,12 +3,16 @@ import type {PlaidAccount} from 'react-plaid-link';
 import type {ValueOf} from 'type-fest';
 import type CONST from '@src/CONST';
 import type {CompanyCardFeed} from './CardFeeds';
+import type PersonalDetails from './PersonalDetails';
 
 /** Assign card flow steps */
 type AssignCardStep = ValueOf<typeof CONST.COMPANY_CARD.STEP>;
 
 /** Data required to be sent to issue a new card */
 type AssignCardData = {
+    /** The cardholder personal details */
+    cardholder?: PersonalDetails;
+
     /** The email address of the assignee */
     email: string;
 
@@ -60,8 +64,8 @@ type AssignCard = {
     /** Whether the user is editing step */
     isEditing: boolean;
 
-    /** Whether the card is successfully assigned */
-    isAssigned?: boolean;
+    /** Whether the assignment flow has finished */
+    isAssignmentFinished?: boolean;
 
     /** Whether the card is assigning */
     isAssigning?: boolean;
diff --git a/src/types/onyx/Card.ts b/src/types/onyx/Card.ts
index 6aef7ec974837..def76213b3fe4 100644
--- a/src/types/onyx/Card.ts
+++ b/src/types/onyx/Card.ts
@@ -1,6 +1,7 @@
 import type {ValueOf} from 'type-fest';
 import type CONST from '@src/CONST';
 import type * as OnyxCommon from './OnyxCommon';
+import type PersonalDetails from './PersonalDetails';
 
 /** Model of Expensify card status changes */
 type CardStatusChanges = {
@@ -222,7 +223,7 @@ type ExpensifyCardDetails = {
 /** List of assignable cards */
 type AssignableCardsList = Record<string, string>;
 
-/** Record of Expensify cards, indexed by cardID */
+/** Record of Company or Expensify cards, indexed by cardID */
 type CardList = Record<string, Card> & {
     /** List of assignable cards */
     cardList?: AssignableCardsList;
@@ -291,6 +292,34 @@ type WorkspaceCardsList = Record<string, Card> & {
     cardList?: Record<string, string>;
 };
 
+/**
+ * Pending action for a company card assignment
+ */
+type FailedCompanyCardAssignment = {
+    /** Cardholder personal details */
+    cardholder?: PersonalDetails;
+
+    /** The name of the card */
+    cardName: string;
+
+    /** The card number */
+    cardNumber: string;
+
+    /** Card related error messages */
+    errors?: OnyxCommon.Errors;
+
+    /** Collection of form field errors  */
+    errorFields?: OnyxCommon.ErrorFields;
+
+    /**
+     * The type of action that's pending
+     */
+    pendingAction?: OnyxCommon.PendingAction;
+};
+
+/** Pending action for a company card assignment */
+type FailedCompanyCardAssignments = Record<string, FailedCompanyCardAssignment>;
+
 /** Card list with only available card */
 type FilteredCardList = Record<string, string>;
 
@@ -306,4 +335,6 @@ export type {
     FilteredCardList,
     ProvisioningCardData,
     AssignableCardsList,
+    FailedCompanyCardAssignment,
+    FailedCompanyCardAssignments,
 };
diff --git a/src/types/onyx/index.ts b/src/types/onyx/index.ts
index 2dab239af2f68..9e6f7cd1faf4b 100644
--- a/src/types/onyx/index.ts
+++ b/src/types/onyx/index.ts
@@ -15,7 +15,7 @@ import type BillingStatus from './BillingStatus';
 import type BlockedFromConcierge from './BlockedFromConcierge';
 import type CancellationDetails from './CancellationDetails';
 import type Card from './Card';
-import type {CardList, IssueNewCard, ProvisioningCardData, WorkspaceCardsList} from './Card';
+import type {CardList, FailedCompanyCardAssignment, FailedCompanyCardAssignments, IssueNewCard, ProvisioningCardData, WorkspaceCardsList} from './Card';
 import type CardContinuousReconciliation from './CardContinuousReconciliation';
 import type CardFeeds from './CardFeeds';
 import type {AddNewCompanyCardFeed, CompanyCardFeed, CompanyCardFeedWithDomainID, DomainSettings, FundID} from './CardFeeds';
@@ -163,6 +163,8 @@ export type {
     Download,
     DuplicateWorkspace,
     WorkspaceCardsList,
+    FailedCompanyCardAssignment,
+    FailedCompanyCardAssignments,
     ExpensifyCardSettings,
     ExpensifyCardBankAccountMetadata,
     FrequentlyUsedEmoji,