From d0816ce1ace99083ccb4701308c04c386902e69f Mon Sep 17 00:00:00 2001
From: Roma Koval <romanna.koval@wire.com>
Date: Tue, 11 Jun 2024 20:35:27 +0200
Subject: [PATCH] Make sure read indicator doesn't get wrapped

---
 .../MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts   | 1 +
 src/style/content/conversation/message-list.less                 | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts b/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts
index e0f96868bbd..a957631b75f 100644
--- a/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts
+++ b/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts
@@ -33,6 +33,7 @@ export const ReadReceiptText: CSSObject = {
   display: 'inline-flex',
   alignItems: 'center',
   verticalAlign: 'text-bottom',
+  whiteSpace: 'nowrap',
 };
 
 export const ReadIndicatorStyles = (showIconOnly = false): CSSObject => ({
diff --git a/src/style/content/conversation/message-list.less b/src/style/content/conversation/message-list.less
index 697d351c90e..8d8c3d5d048 100644
--- a/src/style/content/conversation/message-list.less
+++ b/src/style/content/conversation/message-list.less
@@ -467,6 +467,7 @@
       flex-direction: column;
       .message-status-read__count {
         margin-left: 0;
+        white-space: nowrap;
       }
     }
   }