fix: timer alignment for group update

ts/components/conversation/message/message-item/GroupUpdateMessage.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import styled from 'styled-components';
 import {
   PropsForGroupUpdate,
   PropsForGroupUpdateType,
@@ -72,16 +73,23 @@ const ChangeItem = (change: PropsForGroupUpdateType): string => {
   }
 };
 
+const StyledGroupUpdateContainer = styled.div`
+  padding: 0 var(--margins-lg) 0;
+`;
+
 export const GroupUpdateMessage = (props: PropsForGroupUpdate) => {
   const { change, messageId } = props;
 
   return (
+    <StyledGroupUpdateContainer>
       <ExpirableReadableMessage
         messageId={messageId}
         key={`readable-message-${messageId}`}
         dataTestId="group-update-message"
+        isCentered={true}
       >
         <NotificationBubble notificationText={ChangeItem(change)} iconType="users" />
       </ExpirableReadableMessage>
+    </StyledGroupUpdateContainer>
   );
 };