diff --git a/scss/dialogs/_group-styles.scss b/scss/dialogs/_group-styles.scss
index 1d773de967..5c5d94f5db 100644
--- a/scss/dialogs/_group-styles.scss
+++ b/scss/dialogs/_group-styles.scss
@@ -46,6 +46,11 @@ div.group-member-contact-list-wrapper {
   margin-right: -20px;
 }
 
+div.group-related-chats-list-wrapper {
+  margin-left: -20px;
+  margin-bottom: -20px;
+}
+
 div.group-image-wrapper {
   position: relative;
   div.group-image-edit-button {
diff --git a/src/renderer/components/dialogs/ViewGroup.tsx b/src/renderer/components/dialogs/ViewGroup.tsx
index 6e47d1a146..a5a425c357 100644
--- a/src/renderer/components/dialogs/ViewGroup.tsx
+++ b/src/renderer/components/dialogs/ViewGroup.tsx
@@ -266,7 +266,7 @@ function ViewGroupInner(props: {
                 </p>
               </div>
               <div className='group-separator'>{tx('group_related_chats')}</div>
-              <div style={{ marginLeft: '-20px' }}>
+              <div className='group-related-chats-list-wrapper'>
                 <ChatListPart
                   isRowLoaded={isChatLoaded}
                   loadMoreRows={loadChats}