pass style param to TextWithEmojiFragment

Author: samranahm

src/components/EmptyStateComponent/index.tsx

@@ -105,7 +105,10 @@ function EmptyStateComponent({
                         <Text style={[styles.textAlignCenter, styles.textHeadlineH1, styles.mb2, titleStyles]}>{title}</Text>
                         {subtitleText ??
                             (isSubtitleContainsCustomEmoji ? (
-                                <TextWithEmojiFragment message={subtitle} />
+                                <TextWithEmojiFragment
+                                    style={[styles.textAlignCenter, styles.textSupporting, styles.textNormal]}
+                                    message={subtitle}
+                                />
                             ) : (
                                 <Text style={[styles.textAlignCenter, styles.textSupporting, styles.textNormal]}>{subtitle}</Text>
                             ))}

src/components/ReportWelcomeText.tsx

@@ -136,7 +136,7 @@ function ReportWelcomeText({report, policy}: ReportWelcomeTextProps) {
                 )}
                 {isSelfDM && (
                     <Text>
-                        {welcomeMessage.messageText}
+                        <Text>{welcomeMessage.messageText}</Text>
                         {shouldShowUsePlusButtonText && <TextWithEmojiFragment message={translate('reportActionsView.usePlusButton', {additionalText})} />}
                     </Text>
                 )}