diff --git a/src/components/AvatarWithDisplayName.js b/src/components/AvatarWithDisplayName.js
index 81eace444de4..03ae8f51bfb6 100644
--- a/src/components/AvatarWithDisplayName.js
+++ b/src/components/AvatarWithDisplayName.js
@@ -43,6 +43,8 @@ const propTypes = {
     /** Whether if it's an unauthenticated user */
     isAnonymous: PropTypes.bool,
 
+    shouldEnableDetailPageNavigation: PropTypes.bool,
+
     ...windowDimensionsPropTypes,
     ...withLocalizePropTypes,
 };
@@ -53,9 +55,15 @@ const defaultProps = {
     report: {},
     isAnonymous: false,
     size: CONST.AVATAR_SIZE.DEFAULT,
+    shouldEnableDetailPageNavigation: false,
 };
 
-const showActorDetails = (report) => {
+const showActorDetails = (report, shouldEnableDetailPageNavigation = false) => {
+    // We should navigate to the details page if the report is a IOU/expense report
+    if (shouldEnableDetailPageNavigation) {
+        return ReportUtils.navigateToDetailsPage(report);
+    }
+
     if (ReportUtils.isExpenseReport(report)) {
         Navigation.navigate(ROUTES.PROFILE.getRoute(report.ownerAccountID));
         return;
@@ -93,12 +101,12 @@ function AvatarWithDisplayName(props) {
     const defaultSubscriptSize = isExpenseRequest ? CONST.AVATAR_SIZE.SMALL_NORMAL : props.size;
     const avatarBorderColor = props.isAnonymous ? themeColors.highlightBG : themeColors.componentBG;
 
-    return (
+    const headerView = (
         <View style={[styles.appContentHeaderTitle, styles.flex1]}>
             {Boolean(props.report && title) && (
                 <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween]}>
                     <PressableWithoutFeedback
-                        onPress={() => showActorDetails(props.report)}
+                        onPress={() => showActorDetails(props.report, props.shouldEnableDetailPageNavigation)}
                         accessibilityLabel={title}
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
                     >
@@ -145,6 +153,21 @@ function AvatarWithDisplayName(props) {
             )}
         </View>
     );
+
+    if (!props.shouldEnableDetailPageNavigation) {
+        return headerView;
+    }
+
+    return (
+        <PressableWithoutFeedback
+            onPress={() => ReportUtils.navigateToDetailsPage(props.report)}
+            style={[styles.flexRow, styles.alignItemsCenter, styles.flex1]}
+            accessibilityLabel={title}
+            accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
+        >
+            {headerView}
+        </PressableWithoutFeedback>
+    );
 }
 AvatarWithDisplayName.propTypes = propTypes;
 AvatarWithDisplayName.displayName = 'AvatarWithDisplayName';
diff --git a/src/components/HeaderWithBackButton/index.js b/src/components/HeaderWithBackButton/index.js
index c720529371d7..e138876c39dc 100755
--- a/src/components/HeaderWithBackButton/index.js
+++ b/src/components/HeaderWithBackButton/index.js
@@ -46,6 +46,7 @@ function HeaderWithBackButton({
         horizontal: 0,
     },
     threeDotsMenuItems = [],
+    shouldEnableDetailPageNavigation = false,
     children = null,
     onModalHide = () => {},
     shouldOverlay = false,
@@ -76,14 +77,14 @@ function HeaderWithBackButton({
                         </PressableWithoutFeedback>
                     </Tooltip>
                 )}
-                {shouldShowAvatarWithDisplay && (
+                {shouldShowAvatarWithDisplay ? (
                     <AvatarWithDisplayName
                         report={report}
                         policy={policy}
                         personalDetails={personalDetails}
+                        shouldEnableDetailPageNavigation={shouldEnableDetailPageNavigation}
                     />
-                )}
-                {!shouldShowAvatarWithDisplay && (
+                ) : (
                     <Header
                         title={title}
                         subtitle={stepCounter ? translate('stepCounter', stepCounter) : subtitle}
diff --git a/src/components/MoneyReportHeader.js b/src/components/MoneyReportHeader.js
index 3ccd61d32961..6182226a5a78 100644
--- a/src/components/MoneyReportHeader.js
+++ b/src/components/MoneyReportHeader.js
@@ -85,6 +85,7 @@ function MoneyReportHeader({session, personalDetails, policy, chatReport, report
         <View style={[styles.pt0]}>
             <HeaderWithBackButton
                 shouldShowAvatarWithDisplay
+                shouldEnableDetailPageNavigation
                 shouldShowPinButton={false}
                 report={moneyRequestReport}
                 policy={policy}
diff --git a/src/components/MultipleAvatars.js b/src/components/MultipleAvatars.js
index 1cdacb5fc1cc..27a697fc458c 100644
--- a/src/components/MultipleAvatars.js
+++ b/src/components/MultipleAvatars.js
@@ -71,6 +71,21 @@ const defaultProps = {
     maxAvatarsInRow: CONST.AVATAR_ROW_SIZE.DEFAULT,
 };
 
+const avatarSizeToStylesMap = {
+    [CONST.AVATAR_SIZE.SMALL]: {
+        singleAvatarStyle: styles.singleAvatarSmall,
+        secondAvatarStyles: styles.secondAvatarSmall,
+    },
+    [CONST.AVATAR_SIZE.LARGE]: {
+        singleAvatarStyle: styles.singleAvatarMedium,
+        secondAvatarStyles: styles.secondAvatarMedium,
+    },
+    default: {
+        singleAvatarStyle: styles.singleAvatar,
+        secondAvatarStyles: styles.secondAvatar,
+    },
+};
+
 function getContainerStyles(size, isInReportAction) {
     let containerStyles;
 
@@ -84,6 +99,9 @@ function getContainerStyles(size, isInReportAction) {
         case CONST.AVATAR_SIZE.MEDIUM:
             containerStyles = [styles.emptyAvatarMedium, styles.emptyAvatarMargin];
             break;
+        case CONST.AVATAR_SIZE.LARGE:
+            containerStyles = [styles.emptyAvatarLarge, styles.mb2, styles.mr2];
+            break;
         default:
             containerStyles = [styles.emptyAvatar, isInReportAction ? styles.emptyAvatarMarginChat : styles.emptyAvatarMargin];
     }
@@ -92,9 +110,20 @@ function getContainerStyles(size, isInReportAction) {
 }
 function MultipleAvatars(props) {
     let avatarContainerStyles = getContainerStyles(props.size, props.isInReportAction);
-    const singleAvatarStyle = props.size === CONST.AVATAR_SIZE.SMALL ? styles.singleAvatarSmall : styles.singleAvatar;
-    const secondAvatarStyles = [props.size === CONST.AVATAR_SIZE.SMALL ? styles.secondAvatarSmall : styles.secondAvatar, ...props.secondAvatarStyle];
+    const {singleAvatarStyle, secondAvatarStyles} = useMemo(() => avatarSizeToStylesMap[props.size] || avatarSizeToStylesMap.default, [props.size]);
+
     const tooltipTexts = props.shouldShowTooltip ? _.pluck(props.icons, 'name') : [''];
+    const avatarSize = useMemo(() => {
+        if (props.isFocusMode) {
+            return CONST.AVATAR_SIZE.MID_SUBSCRIPT;
+        }
+
+        if (props.size === CONST.AVATAR_SIZE.LARGE) {
+            return CONST.AVATAR_SIZE.MEDIUM;
+        }
+
+        return CONST.AVATAR_SIZE.SMALLER;
+    }, [props.isFocusMode, props.size]);
 
     const avatarRows = useMemo(() => {
         // If we're not displaying avatars in rows or the number of icons is less than or equal to the max avatars in a row, return a single row
@@ -247,7 +276,7 @@ function MultipleAvatars(props) {
                                 <Avatar
                                     source={props.icons[0].source || props.fallbackIcon}
                                     fill={themeColors.iconSuccessFill}
-                                    size={props.isFocusMode ? CONST.AVATAR_SIZE.MID_SUBSCRIPT : CONST.AVATAR_SIZE.SMALLER}
+                                    size={avatarSize}
                                     imageStyles={[singleAvatarStyle]}
                                     name={props.icons[0].name}
                                     type={props.icons[0].type}
@@ -255,7 +284,13 @@ function MultipleAvatars(props) {
                                 />
                             </View>
                         </UserDetailsTooltip>
-                        <View style={[...secondAvatarStyles, props.icons[1].type === CONST.ICON_TYPE_WORKSPACE ? StyleUtils.getAvatarBorderRadius(props.size, props.icons[1].type) : {}]}>
+                        <View
+                            style={[
+                                secondAvatarStyles,
+                                ...props.secondAvatarStyle,
+                                props.icons[1].type === CONST.ICON_TYPE_WORKSPACE ? StyleUtils.getAvatarBorderRadius(props.size, props.icons[1].type) : {},
+                            ]}
+                        >
                             {props.icons.length === 2 ? (
                                 <UserDetailsTooltip
                                     accountID={props.icons[1].id}
@@ -269,7 +304,7 @@ function MultipleAvatars(props) {
                                         <Avatar
                                             source={props.icons[1].source || props.fallbackIcon}
                                             fill={themeColors.iconSuccessFill}
-                                            size={props.isFocusMode ? CONST.AVATAR_SIZE.MID_SUBSCRIPT : CONST.AVATAR_SIZE.SMALLER}
+                                            size={avatarSize}
                                             imageStyles={[singleAvatarStyle]}
                                             name={props.icons[1].name}
                                             type={props.icons[1].type}
diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 475c1a8bcb8a..e9f5daaa0013 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -1625,7 +1625,7 @@ function getModifiedExpenseMessage(reportAction) {
  *
  * @param {Object} oldTransaction
  * @param {Object} transactionChanges
- * @param {Boolen} isFromExpenseReport
+ * @param {Boolean} isFromExpenseReport
  * @returns {Object}
  */
 function getModifiedExpenseOriginalMessage(oldTransaction, transactionChanges, isFromExpenseReport) {
@@ -1846,7 +1846,7 @@ function getParentNavigationSubtitle(report) {
 function navigateToDetailsPage(report) {
     const participantAccountIDs = lodashGet(report, 'participantAccountIDs', []);
 
-    if (isChatRoom(report) || isPolicyExpenseChat(report) || isChatThread(report) || isTaskReport(report)) {
+    if (isChatRoom(report) || isPolicyExpenseChat(report) || isChatThread(report) || isTaskReport(report) || isMoneyRequestReport(report)) {
         Navigation.navigate(ROUTES.REPORT_WITH_ID_DETAILS.getRoute(report.reportID));
         return;
     }
@@ -2071,6 +2071,7 @@ function buildOptimisticIOUReport(payeeAccountID, payerAccountID, total, chatRep
 
         // We don't translate reportName because the server response is always in English
         reportName: `${payerEmail} owes ${formattedTotal}`,
+        notificationPreference: CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS,
         parentReportID: chatReportID,
     };
 }
@@ -2109,6 +2110,7 @@ function buildOptimisticExpenseReport(chatReportID, policyID, payeeAccountID, to
         state: CONST.REPORT.STATE.SUBMITTED,
         stateNum: CONST.REPORT.STATE_NUM.PROCESSING,
         total: storedTotal,
+        notificationPreference: CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS,
         parentReportID: chatReportID,
     };
 }
@@ -3463,7 +3465,7 @@ function getPolicyExpenseChatReportIDByOwner(policyOwner) {
  * @returns {Boolean}
  */
 function shouldDisableSettings(report) {
-    return !isPolicyExpenseChat(report) && !isChatRoom(report) && !isChatThread(report);
+    return !isMoneyRequestReport(report) && !isPolicyExpenseChat(report) && !isChatRoom(report) && !isChatThread(report);
 }
 
 /**
@@ -3472,7 +3474,7 @@ function shouldDisableSettings(report) {
  * @returns {Boolean}
  */
 function shouldDisableRename(report, policy) {
-    if (isDefaultRoom(report) || isArchivedRoom(report) || isChatThread(report)) {
+    if (isDefaultRoom(report) || isArchivedRoom(report) || isChatThread(report) || isMoneyRequestReport(report) || isPolicyExpenseChat(report)) {
         return true;
     }
 
@@ -3604,6 +3606,29 @@ function getTaskAssigneeChatOnyxData(accountID, assigneeEmail, assigneeAccountID
     };
 }
 
+/**
+ * Returns an array of the participants Ids of a report
+ *
+ * @param {Object} report
+ * @returns {Array}
+ */
+function getParticipantsIDs(report) {
+    if (!report) {
+        return [];
+    }
+
+    const participants = report.participantAccountIDs || [];
+
+    // Build participants list for IOU/expense reports
+    if (isMoneyRequestReport(report)) {
+        return _.chain([report.managerID, report.ownerAccountID, ...participants])
+            .compact()
+            .uniq()
+            .value();
+    }
+    return participants;
+}
+
 /**
  * Get the last 3 transactions with receipts of an IOU report that will be displayed on the report preview
  *
@@ -3799,6 +3824,7 @@ export {
     getTransactionReportName,
     getTransactionDetails,
     getTaskAssigneeChatOnyxData,
+    getParticipantsIDs,
     canEditMoneyRequest,
     buildTransactionThread,
     areAllRequestsBeingSmartScanned,
diff --git a/src/pages/ReportDetailsPage.js b/src/pages/ReportDetailsPage.js
index 98dae2e94780..319b39c94c68 100644
--- a/src/pages/ReportDetailsPage.js
+++ b/src/pages/ReportDetailsPage.js
@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
 import {View, ScrollView} from 'react-native';
-import lodashGet from 'lodash/get';
 import RoomHeaderAvatars from '../components/RoomHeaderAvatars';
 import compose from '../libs/compose';
 import withLocalize, {withLocalizePropTypes} from '../components/withLocalize';
@@ -27,6 +26,8 @@ import reportPropTypes from './reportPropTypes';
 import withReportOrNotFound from './home/report/withReportOrNotFound';
 import FullPageNotFoundView from '../components/BlockingViews/FullPageNotFoundView';
 import PressableWithoutFeedback from '../components/Pressable/PressableWithoutFeedback';
+import ParentNavigationSubtitle from '../components/ParentNavigationSubtitle';
+import MultipleAvatars from '../components/MultipleAvatars';
 
 const propTypes = {
     ...withLocalizePropTypes,
@@ -66,11 +67,13 @@ function ReportDetailsPage(props) {
     const isThread = useMemo(() => ReportUtils.isChatThread(props.report), [props.report]);
     const isUserCreatedPolicyRoom = useMemo(() => ReportUtils.isUserCreatedPolicyRoom(props.report), [props.report]);
     const isArchivedRoom = useMemo(() => ReportUtils.isArchivedRoom(props.report), [props.report]);
+    const isMoneyRequestReport = useMemo(() => ReportUtils.isMoneyRequestReport(props.report), [props.report]);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps -- policy is a dependency because `getChatRoomSubtitle` calls `getPolicyName` which in turn retrieves the value from the `policy` value stored in Onyx
     const chatRoomSubtitle = useMemo(() => ReportUtils.getChatRoomSubtitle(props.report), [props.report, policy]);
+    const parentNavigationSubtitleData = ReportUtils.getParentNavigationSubtitle(props.report);
     const canLeaveRoom = useMemo(() => ReportUtils.canLeaveRoom(props.report, !_.isEmpty(policy)), [policy, props.report]);
-    const participants = useMemo(() => lodashGet(props.report, 'participantAccountIDs', []), [props.report]);
+    const participants = useMemo(() => ReportUtils.getParticipantsIDs(props.report), [props.report]);
 
     const menuItems = useMemo(() => {
         const items = [
@@ -113,7 +116,7 @@ function ReportDetailsPage(props) {
         }
 
         // Prevent displaying private notes option for threads and task reports
-        if (!isThread && !ReportUtils.isTaskReport(props.report)) {
+        if (!isThread && !isMoneyRequestReport && !ReportUtils.isTaskReport(props.report)) {
             items.push({
                 key: CONST.REPORT_DETAILS_MENU_ITEM.PRIVATE_NOTES,
                 translationKey: 'privateNotes.title',
@@ -135,13 +138,15 @@ function ReportDetailsPage(props) {
         }
 
         return items;
-    }, [props.report, participants, isArchivedRoom, shouldDisableSettings, isThread, isUserCreatedPolicyRoom, canLeaveRoom]);
+    }, [isArchivedRoom, participants.length, shouldDisableSettings, isThread, isMoneyRequestReport, props.report, isUserCreatedPolicyRoom, canLeaveRoom]);
 
     const displayNamesWithTooltips = useMemo(() => {
         const hasMultipleParticipants = participants.length > 1;
         return ReportUtils.getDisplayNamesWithTooltips(OptionsListUtils.getPersonalDetailsForAccountIDs(participants, props.personalDetails), hasMultipleParticipants);
     }, [participants, props.personalDetails]);
 
+    const icons = useMemo(() => ReportUtils.getIcons(props.report, props.personalDetails, props.policies), [props.report, props.personalDetails, props.policies]);
+
     const chatRoomSubtitleText = chatRoomSubtitle ? (
         <Text
             style={[styles.sidebarLinkText, styles.textLabelSupporting, styles.pre, styles.mt1]}
@@ -158,7 +163,14 @@ function ReportDetailsPage(props) {
                 <ScrollView style={[styles.flex1]}>
                     <View style={styles.reportDetailsTitleContainer}>
                         <View style={styles.mb3}>
-                            <RoomHeaderAvatars icons={ReportUtils.getIcons(props.report, props.personalDetails, props.policies)} />
+                            {isMoneyRequestReport ? (
+                                <MultipleAvatars
+                                    icons={icons}
+                                    size={CONST.AVATAR_SIZE.LARGE}
+                                />
+                            ) : (
+                                <RoomHeaderAvatars icons={icons} />
+                            )}
                         </View>
                         <View style={[styles.reportDetailsRoomInfo, styles.mw100]}>
                             <View style={[styles.alignSelfCenter, styles.w100, styles.mt1]}>
@@ -185,6 +197,13 @@ function ReportDetailsPage(props) {
                             ) : (
                                 chatRoomSubtitleText
                             )}
+                            {!_.isEmpty(parentNavigationSubtitleData) && isMoneyRequestReport && (
+                                <ParentNavigationSubtitle
+                                    parentNavigationSubtitleData={parentNavigationSubtitleData}
+                                    parentReportID={props.report.parentReportID}
+                                    pressableStyles={[styles.mt1, styles.mw100]}
+                                />
+                            )}
                         </View>
                     </View>
                     {_.map(menuItems, (item) => {
diff --git a/src/pages/ReportParticipantsPage.js b/src/pages/ReportParticipantsPage.js
index 7f453d16817b..67933ebfe3e4 100755
--- a/src/pages/ReportParticipantsPage.js
+++ b/src/pages/ReportParticipantsPage.js
@@ -54,17 +54,8 @@ const defaultProps = {
  * @param {Object} translate The localize
  * @return {Array}
  */
-const getAllParticipants = (report, personalDetails, translate) => {
-    let participantAccountIDs = report.participantAccountIDs;
-
-    // Build participants list for IOU report - there is a possibility that participantAccountIDs may be undefined/empty
-    if (ReportUtils.isIOUReport(report)) {
-        const managerID = report.managerID || '';
-        const ownerAccountID = report.ownerAccountID || '';
-        participantAccountIDs = [managerID, ownerAccountID];
-    }
-
-    return _.chain(participantAccountIDs)
+const getAllParticipants = (report, personalDetails, translate) =>
+    _.chain(ReportUtils.getParticipantsIDs(report))
         .map((accountID, index) => {
             const userPersonalDetail = lodashGet(personalDetails, accountID, {displayName: personalDetails.displayName || translate('common.hidden'), avatar: ''});
             const userLogin = LocalePhoneNumber.formatPhoneNumber(userPersonalDetail.login || '') || translate('common.hidden');
@@ -90,7 +81,6 @@ const getAllParticipants = (report, personalDetails, translate) => {
         })
         .sortBy((participant) => participant.displayName.toLowerCase())
         .value();
-};
 
 function ReportParticipantsPage(props) {
     const participants = _.map(getAllParticipants(props.report, props.personalDetails, props.translate), (participant) => ({
@@ -110,7 +100,8 @@ function ReportParticipantsPage(props) {
                             ReportUtils.isChatRoom(props.report) ||
                                 ReportUtils.isPolicyExpenseChat(props.report) ||
                                 ReportUtils.isChatThread(props.report) ||
-                                ReportUtils.isTaskReport(props.report)
+                                ReportUtils.isTaskReport(props.report) ||
+                                ReportUtils.isMoneyRequestReport(props.report)
                                 ? 'common.members'
                                 : 'common.details',
                         )}
diff --git a/src/pages/ShareCodePage.js b/src/pages/ShareCodePage.js
index 75bf5fd24f1d..e6d36ebc7070 100644
--- a/src/pages/ShareCodePage.js
+++ b/src/pages/ShareCodePage.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import {View, ScrollView} from 'react-native';
+import _ from 'underscore';
 import ScreenWrapper from '../components/ScreenWrapper';
 import HeaderWithBackButton from '../components/HeaderWithBackButton';
 import Navigation from '../libs/Navigation/Navigation';
@@ -40,11 +41,30 @@ const defaultProps = {
 class ShareCodePage extends React.Component {
     qrCodeRef = React.createRef();
 
+    /**
+     * @param {Boolean} isReport
+     * @return {String|string|*}
+     */
+    getSubtitle(isReport) {
+        if (ReportUtils.isExpenseReport(this.props.report)) {
+            return ReportUtils.getPolicyName(this.props.report);
+        }
+        if (ReportUtils.isMoneyRequestReport(this.props.report)) {
+            // generate subtitle from participants
+            return _.map(ReportUtils.getParticipantsIDs(this.props.report), (accountID) => ReportUtils.getDisplayNameForParticipant(accountID)).join(' & ');
+        }
+
+        if (isReport) {
+            return ReportUtils.getParentNavigationSubtitle(this.props.report).workspaceName || ReportUtils.getChatRoomSubtitle(this.props.report);
+        }
+
+        return this.props.formatPhoneNumber(this.props.session.email);
+    }
+
     render() {
         const isReport = this.props.report != null && this.props.report.reportID != null;
         const title = isReport ? ReportUtils.getReportName(this.props.report) : this.props.currentUserPersonalDetails.displayName;
-        const formattedEmail = this.props.formatPhoneNumber(this.props.session.email);
-        const subtitle = isReport ? ReportUtils.getParentNavigationSubtitle(this.props.report).workspaceName || ReportUtils.getChatRoomSubtitle(this.props.report) : formattedEmail;
+        const subtitle = this.getSubtitle(isReport);
         const urlWithTrailingSlash = Url.addTrailingForwardSlash(this.props.environmentURL);
         const url = isReport
             ? `${urlWithTrailingSlash}${ROUTES.REPORT_WITH_ID.getRoute(this.props.report.reportID)}`
diff --git a/src/pages/settings/Report/ReportSettingsPage.js b/src/pages/settings/Report/ReportSettingsPage.js
index 3db6bef16e30..9f4f4d048354 100644
--- a/src/pages/settings/Report/ReportSettingsPage.js
+++ b/src/pages/settings/Report/ReportSettingsPage.js
@@ -58,10 +58,11 @@ function ReportSettingsPage(props) {
     // The workspace the report is on, null if the user isn't a member of the workspace
     const linkedWorkspace = useMemo(() => _.find(policies, (policy) => policy && policy.id === report.policyID), [policies, report.policyID]);
     const shouldDisableRename = useMemo(() => ReportUtils.shouldDisableRename(report, linkedWorkspace), [report, linkedWorkspace]);
+    const isMoneyRequestReport = ReportUtils.isMoneyRequestReport(report);
 
     // We only want policy owners and admins to be able to modify the welcome message.
     const shouldDisableWelcomeMessage =
-        ReportUtils.isArchivedRoom(report) || !ReportUtils.isChatRoom(report) || _.isEmpty(linkedWorkspace) || linkedWorkspace.role !== CONST.POLICY.ROLE.ADMIN;
+        isMoneyRequestReport || ReportUtils.isArchivedRoom(report) || !ReportUtils.isChatRoom(report) || _.isEmpty(linkedWorkspace) || linkedWorkspace.role !== CONST.POLICY.ROLE.ADMIN;
 
     const shouldDisableSettings = _.isEmpty(report) || ReportUtils.shouldDisableSettings(report) || ReportUtils.isArchivedRoom(report);
     const shouldShowRoomName = !ReportUtils.isPolicyExpenseChat(report) && !ReportUtils.isChatThread(report);
@@ -72,7 +73,13 @@ function ReportSettingsPage(props) {
     const writeCapability = ReportUtils.isAdminRoom(report) ? CONST.REPORT.WRITE_CAPABILITIES.ADMINS : report.writeCapability || CONST.REPORT.WRITE_CAPABILITIES.ALL;
 
     const writeCapabilityText = translate(`writeCapabilityPage.writeCapability.${writeCapability}`);
-    const shouldAllowWriteCapabilityEditing = lodashGet(linkedWorkspace, 'role', '') === CONST.POLICY.ROLE.ADMIN && !ReportUtils.isAdminRoom(report);
+    const shouldAllowWriteCapabilityEditing = lodashGet(linkedWorkspace, 'role', '') === CONST.POLICY.ROLE.ADMIN && !ReportUtils.isAdminRoom(report) && !isMoneyRequestReport;
+
+    const shouldShowNotificationPref = !isMoneyRequestReport && report.notificationPreference !== CONST.REPORT.NOTIFICATION_PREFERENCE.HIDDEN;
+    const roomNameLabel = translate(isMoneyRequestReport ? 'workspace.editor.nameInputLabel' : 'newRoomPage.roomName');
+    const reportName = ReportUtils.getReportName(props.report);
+
+    const shouldShowWriteCapability = !isMoneyRequestReport;
 
     return (
         <ScreenWrapper testID={ReportSettingsPage.displayName}>
@@ -82,7 +89,7 @@ function ReportSettingsPage(props) {
                     onBackButtonPress={() => Navigation.goBack(ROUTES.REPORT_WITH_ID_DETAILS.getRoute(report.reportID))}
                 />
                 <ScrollView style={[styles.flex1]}>
-                    {report.notificationPreference !== CONST.REPORT.NOTIFICATION_PREFERENCE.HIDDEN && (
+                    {shouldShowNotificationPref && (
                         <MenuItemWithTopDescription
                             shouldShowRightIcon
                             title={notificationPreference}
@@ -103,13 +110,13 @@ function ReportSettingsPage(props) {
                                         style={[styles.textLabelSupporting, styles.lh16, styles.mb1]}
                                         numberOfLines={1}
                                     >
-                                        {translate('newRoomPage.roomName')}
+                                        {roomNameLabel}
                                     </Text>
                                     <Text
                                         numberOfLines={1}
                                         style={[styles.optionAlternateText, styles.pre]}
                                     >
-                                        {report.reportName}
+                                        {reportName}
                                     </Text>
                                 </View>
                             ) : (
@@ -122,29 +129,30 @@ function ReportSettingsPage(props) {
                             )}
                         </OfflineWithFeedback>
                     )}
-                    {shouldAllowWriteCapabilityEditing ? (
-                        <MenuItemWithTopDescription
-                            shouldShowRightIcon
-                            title={writeCapabilityText}
-                            description={translate('writeCapabilityPage.label')}
-                            onPress={() => Navigation.navigate(ROUTES.REPORT_SETTINGS_WRITE_CAPABILITY.getRoute(report.reportID))}
-                        />
-                    ) : (
-                        <View style={[styles.ph5, styles.pv3]}>
-                            <Text
-                                style={[styles.textLabelSupporting, styles.lh16, styles.mb1]}
-                                numberOfLines={1}
-                            >
-                                {translate('writeCapabilityPage.label')}
-                            </Text>
-                            <Text
-                                numberOfLines={1}
-                                style={[styles.optionAlternateText, styles.pre]}
-                            >
-                                {writeCapabilityText}
-                            </Text>
-                        </View>
-                    )}
+                    {shouldShowWriteCapability &&
+                        (shouldAllowWriteCapabilityEditing ? (
+                            <MenuItemWithTopDescription
+                                shouldShowRightIcon
+                                title={writeCapabilityText}
+                                description={translate('writeCapabilityPage.label')}
+                                onPress={() => Navigation.navigate(ROUTES.REPORT_SETTINGS_WRITE_CAPABILITY.getRoute(report.reportID))}
+                            />
+                        ) : (
+                            <View style={[styles.ph5, styles.pv3]}>
+                                <Text
+                                    style={[styles.textLabelSupporting, styles.lh16, styles.mb1]}
+                                    numberOfLines={1}
+                                >
+                                    {translate('writeCapabilityPage.label')}
+                                </Text>
+                                <Text
+                                    numberOfLines={1}
+                                    style={[styles.optionAlternateText, styles.pre]}
+                                >
+                                    {writeCapabilityText}
+                                </Text>
+                            </View>
+                        ))}
                     <View style={[styles.ph5]}>
                         {Boolean(linkedWorkspace) && (
                             <View style={[styles.pv3]}>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 7bba63c8f09f..563f075e0f91 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1855,6 +1855,13 @@ const styles = (theme) => ({
         borderRadius: 18,
     },
 
+    singleAvatarMedium: {
+        height: 52,
+        width: 52,
+        backgroundColor: theme.icon,
+        borderRadius: 52,
+    },
+
     secondAvatar: {
         position: 'absolute',
         right: -18,
@@ -1873,6 +1880,15 @@ const styles = (theme) => ({
         borderColor: 'transparent',
     },
 
+    secondAvatarMedium: {
+        position: 'absolute',
+        right: -36,
+        bottom: -36,
+        borderWidth: 3,
+        borderRadius: 52,
+        borderColor: 'transparent',
+    },
+
     secondAvatarSubscript: {
         position: 'absolute',
         right: -6,