fix: timer alignment for call notifications

ts/components/conversation/message/message-item/notification-bubble/CallNotification.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import styled from 'styled-components';
 import { PubKey } from '../../../../../session/types';
 
 import {
@@ -38,6 +39,10 @@ const style: StyleType = {
   },
 };
 
+const StyledCallNotificationContainer = styled.div`
+  padding: 0 var(--margins-lg) 0;
+`;
+
 export const CallNotification = (props: PropsForCallNotification) => {
   const { messageId, notificationType } = props;
   const selectedConvoId = useSelectedConversationKey();
@@ -59,12 +64,18 @@ export const CallNotification = (props: PropsForCallNotification) => {
   const iconColor = styleItem.iconColor;
 
   return (
-    <ExpirableReadableMessage messageId={messageId} key={`readable-message-${messageId}`}>
-      <NotificationBubble
-        notificationText={notificationText}
-        iconType={iconType}
-        iconColor={iconColor}
-      />
-    </ExpirableReadableMessage>
+    <StyledCallNotificationContainer>
+      <ExpirableReadableMessage
+        messageId={messageId}
+        key={`readable-message-${messageId}`}
+        isCentered={true}
+      >
+        <NotificationBubble
+          notificationText={notificationText}
+          iconType={iconType}
+          iconColor={iconColor}
+        />
+      </ExpirableReadableMessage>
+    </StyledCallNotificationContainer>
   );
 };