fix: Announcement modal horizontal scrollbar (#24889)

Co-authored-by: dougfabris <[email protected]>
RocketChat · Oct 25, 2024 · 19c3c51 · 19c3c51
1 parent bc1972f
commit 19c3c51
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/giant-spiders-pay.md b/.changeset/giant-spiders-pay.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Fixes an issue where the Announcement modal with long words was adding a horizontal scrollbar
diff --git a/apps/meteor/client/views/room/Announcement/Announcement.tsx b/apps/meteor/client/views/room/Announcement/Announcement.tsx
@@ -30,7 +30,7 @@ const Announcement = ({ announcement, announcementDetails }: AnnouncementProps)
 			? announcementDetails()
 			: setModal(
 					<GenericModal icon={null} title={t('Announcement')} confirmText={t('Close')} onConfirm={closeModal} onClose={closeModal}>
-						<Box>
+						<Box overflow='hidden' wordBreak='break-word'>
 							<MarkdownText content={announcement} parseEmoji />
 						</Box>
 					</GenericModal>,