[FIX] Scrollable report message (#26853)

apps/meteor/client/views/room/modals/ReportMessageModal/ReportMessageModal.tsx

 import { IMessage } from '@rocket.chat/core-typings';
+import { css } from '@rocket.chat/css-in-js';
 import { TextAreaInput, FieldGroup, Field, Box } from '@rocket.chat/fuselage';
 import { useToastMessageDispatch, useTranslation, useMethod } from '@rocket.chat/ui-contexts';
 import React, { ReactElement } from 'react';
@@ -16,6 +17,10 @@ type ReportMessageModalProps = {
 	messageId: IMessage['_id'];
 };
 
+const wordBreak = css`
+	word-break: break-word;
+`;
+
 const ReportMessageModal = ({ messageText, messageId, onClose }: ReportMessageModalProps): ReactElement => {
 	const t = useTranslation();
 	const {
@@ -46,7 +51,9 @@ const ReportMessageModal = ({ messageText, messageId, onClose }: ReportMessageMo
 			onConfirm={handleSubmit(handleReportMessage)}
 			confirmText={t('Report_exclamation_mark')}
 		>
-			<Box mbe='x24'>{messageText}</Box>
+			<Box mbe='x24' className={wordBreak}>
+				{messageText}
+			</Box>
 			<FieldGroup>
 				<Field>
 					<Field.Row>