From d2cddb2f42a07d24f5d88135a4e7609815646be1 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Wed, 18 Sep 2024 10:29:17 +0200
Subject: [PATCH] fix(angular): channel list infinite scroll (#312)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### 🎯 Goal

_Describe why we are making this change_

### 🛠 Implementation details

_Provide a description of the implementation_

### 🎨 UI Changes

_Add relevant screenshots_

Make sure to test with both Angular and React (with both `MessageList`
and `VirtualizedMessageList` components) SDKs
---
 src/v2/styles/ChannelList/ChannelList-layout.scss | 11 +++++++++++
 src/v2/styles/_base.scss                          |  4 ++++
 2 files changed, 15 insertions(+)

diff --git a/src/v2/styles/ChannelList/ChannelList-layout.scss b/src/v2/styles/ChannelList/ChannelList-layout.scss
index c19f9f1..b4ecb10 100644
--- a/src/v2/styles/ChannelList/ChannelList-layout.scss
+++ b/src/v2/styles/ChannelList/ChannelList-layout.scss
@@ -48,3 +48,14 @@
     }
   }
 }
+
+.str-chat-angular__channel-list {
+  .str-chat__channel-list-messenger__main {
+    display: flex;
+    flex-direction: column;
+
+    stream-paginated-list {
+      min-height: 0;
+    }
+  }
+}
diff --git a/src/v2/styles/_base.scss b/src/v2/styles/_base.scss
index d4b7069..931f4fd 100644
--- a/src/v2/styles/_base.scss
+++ b/src/v2/styles/_base.scss
@@ -42,6 +42,10 @@ stream-icon-placeholder {
   .str-chat__loading-indicator {
     margin: auto;
   }
+
+  .str-chat__load-more-button__button {
+    margin-inline: auto;
+  }
 }
 
 stream-paginated-list {