From 9603a64f43fb9ebabe5815855750eb5b703adb43 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Thu, 5 Oct 2023 15:22:54 +1100
Subject: [PATCH] fix: messages are now vertically spaced correctly

---
 ts/components/conversation/SessionMessagesListContainer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/SessionMessagesListContainer.tsx b/ts/components/conversation/SessionMessagesListContainer.tsx
index d60abb328..392890bba 100644
--- a/ts/components/conversation/SessionMessagesListContainer.tsx
+++ b/ts/components/conversation/SessionMessagesListContainer.tsx
@@ -55,7 +55,7 @@ type Props = SessionMessageListProps & {
 const StyledMessagesContainer = styled.div<{ isGroup: boolean }>`
   display: flex;
   flex-grow: 1;
-  gap: var(--margins-xxs);
+  gap: var(--margins-sm);
   flex-direction: column-reverse;
   position: relative;
   overflow-x: hidden;
@@ -64,7 +64,7 @@ const StyledMessagesContainer = styled.div<{ isGroup: boolean }>`
 
   padding-top: var(--margins-sm);
   padding-right: var(--margins-lg);
-  padding-bottom: var(--margins-lg);
+  padding-bottom: var(--margins-xl);
   padding-left: ${props =>
     props.isGroup ? 'calc(var(--margins-lg) + 11px)' : 'var(--margins-lg)'};