diff --git a/src/pages/ReportDetailsPage.js b/src/pages/ReportDetailsPage.js
index 78876d9eb042..f1483bfb102c 100644
--- a/src/pages/ReportDetailsPage.js
+++ b/src/pages/ReportDetailsPage.js
@@ -125,14 +125,14 @@ const ReportDetailsPage = (props) => {
         return ReportUtils.getDisplayNamesWithTooltips(OptionsListUtils.getPersonalDetailsForLogins(participants, props.personalDetails), hasMultipleParticipants);
     }, [participants, props.personalDetails]);
 
-    const chatRoomSubtitleText = (
+    const chatRoomSubtitleText = chatRoomSubtitle ? (
         <Text
-            style={[styles.sidebarLinkText, styles.optionAlternateText, styles.textLabelSupporting, styles.mb2, styles.pre]}
+            style={[styles.sidebarLinkText, styles.textLabelSupporting, styles.pre, styles.mt1]}
             numberOfLines={1}
         >
             {chatRoomSubtitle}
         </Text>
-    );
+    ) : null;
 
     return (
         <ScreenWrapper>
@@ -143,34 +143,32 @@ const ReportDetailsPage = (props) => {
                     onCloseButtonPress={() => Navigation.dismissModal()}
                 />
                 <ScrollView style={[styles.flex1]}>
-                    <View style={[styles.m5]}>
-                        <View style={styles.reportDetailsTitleContainer}>
-                            <View style={styles.mb4}>
-                                <RoomHeaderAvatars icons={ReportUtils.getIcons(props.report, props.personalDetails, props.policies)} />
-                            </View>
-                            <View style={[styles.reportDetailsRoomInfo, styles.mw100]}>
-                                <View style={[styles.alignSelfCenter, styles.w100]}>
-                                    <DisplayNames
-                                        fullTitle={ReportUtils.getReportName(props.report)}
-                                        displayNamesWithTooltips={displayNamesWithTooltips}
-                                        tooltipEnabled
-                                        numberOfLines={1}
-                                        textStyles={[styles.textHeadline, styles.mb2, styles.textAlignCenter, styles.pre]}
-                                        shouldUseFullTitle={isChatRoom || isPolicyExpenseChat || isThread}
-                                    />
-                                </View>
-                                {isPolicyAdmin ? (
-                                    <Pressable
-                                        onPress={() => {
-                                            Navigation.navigate(ROUTES.getWorkspaceInitialRoute(props.report.policyID));
-                                        }}
-                                    >
-                                        {chatRoomSubtitleText}
-                                    </Pressable>
-                                ) : (
-                                    chatRoomSubtitleText
-                                )}
+                    <View style={styles.reportDetailsTitleContainer}>
+                        <View style={styles.mb3}>
+                            <RoomHeaderAvatars icons={ReportUtils.getIcons(props.report, props.personalDetails, props.policies)} />
+                        </View>
+                        <View style={[styles.reportDetailsRoomInfo, styles.mw100]}>
+                            <View style={[styles.alignSelfCenter, styles.w100, styles.mt1]}>
+                                <DisplayNames
+                                    fullTitle={ReportUtils.getReportName(props.report)}
+                                    displayNamesWithTooltips={displayNamesWithTooltips}
+                                    tooltipEnabled
+                                    numberOfLines={1}
+                                    textStyles={[styles.textHeadline, styles.textAlignCenter, styles.pre]}
+                                    shouldUseFullTitle={isChatRoom || isPolicyExpenseChat || isThread}
+                                />
                             </View>
+                            {isPolicyAdmin ? (
+                                <Pressable
+                                    onPress={() => {
+                                        Navigation.navigate(ROUTES.getWorkspaceInitialRoute(props.report.policyID));
+                                    }}
+                                >
+                                    {chatRoomSubtitleText}
+                                </Pressable>
+                            ) : (
+                                chatRoomSubtitleText
+                            )}
                         </View>
                     </View>
                     {_.map(menuItems, (item) => {
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 96f69a4351e8..dc88a40f6143 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2090,8 +2090,8 @@ const styles = {
         ...flex.dFlex,
         ...flex.flexColumn,
         ...flex.alignItemsCenter,
-        ...spacing.mt4,
-        height: 170,
+        paddingHorizontal: 20,
+        paddingBottom: 20,
     },
 
     reportDetailsRoomInfo: {