fix: new message indicator (#286)

### 🎯 Goal Affects both Angular and React Context: https://getstream.slack.com/archives/C06CF5TKRGA/p1712244144318319?thread_ts=1712156840.771619&cid=C06CF5TKRGA ### 🛠 Implementation details _Provide a description of the implementation_ ### 🎨 UI Changes Before: ![Screenshot 2024-04-05 at 09 40 28](https://github.com/GetStream/stream-chat-css/assets/6690098/23d8a4fe-1779-468f-96b5-f13f3308a219) After: ![Screenshot 2024-04-05 at 09 39 40](https://github.com/GetStream/stream-chat-css/assets/6690098/3c8b86bc-b7b7-47c9-9147-72dbd9cd96e9) Make sure to test with both Angular and React (with both `MessageList` and `VirtualizedMessageList` components) SDKs
GetStream · Apr 9, 2024 · d7baea8 · d7baea8
1 parent e543c67
commit d7baea8
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss b/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss
@@ -36,10 +36,9 @@
     .str-chat__channel-preview-end-first-row {
       display: flex;
       column-gap: var(--str-chat__spacing-1);
-      align-items: center;
+      align-items: stretch;
 
       .str-chat__channel-preview-unread-badge {
-        height: 100%;
         display: flex;
         align-items: center;
         padding: 0 var(--str-chat__spacing-2);