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 (
-    <ExpirableReadableMessage
-      messageId={messageId}
-      key={`readable-message-${messageId}`}
-      dataTestId="group-update-message"
-    >
-      <NotificationBubble notificationText={ChangeItem(change)} iconType="users" />
-    </ExpirableReadableMessage>
+    <StyledGroupUpdateContainer>
+      <ExpirableReadableMessage
+        messageId={messageId}
+        key={`readable-message-${messageId}`}
+        dataTestId="group-update-message"
+        isCentered={true}
+      >
+        <NotificationBubble notificationText={ChangeItem(change)} iconType="users" />
+      </ExpirableReadableMessage>
+    </StyledGroupUpdateContainer>
   );
 };