From 6f1230398cdc6d1b9ff5bf2ebfa1f2f5f7d96f48 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 3 Apr 2023 14:09:05 +0200
Subject: [PATCH] fix: TimerNotification text is now centered

---
 ts/components/conversation/TimerNotification.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/TimerNotification.tsx b/ts/components/conversation/TimerNotification.tsx
index c910b2031..9ee4cabed 100644
--- a/ts/components/conversation/TimerNotification.tsx
+++ b/ts/components/conversation/TimerNotification.tsx
@@ -7,7 +7,11 @@ import { ExpirableReadableMessage } from './message/message-item/ExpirableReadab
 import { SessionIcon } from '../icon';
 import { SpacerSM, Text } from '../basic/Text';
 import { Flex } from '../basic/Flex';
+import styled from 'styled-components';
 
+const StyledTimerNotification = styled(Flex)`
+  text-align: center;
+`;
 export const TimerNotification = (props: PropsForExpirationTimer) => {
   const {
     messageId,
@@ -63,7 +67,7 @@ export const TimerNotification = (props: PropsForExpirationTimer) => {
       isExpired={props.isExpired}
       key={`readable-message-${messageId}`}
     >
-      <Flex
+      <StyledTimerNotification
         container={true}
         flexDirection="column"
         alignItems="center"
@@ -76,7 +80,7 @@ export const TimerNotification = (props: PropsForExpirationTimer) => {
         <SessionIcon iconType="stopwatch" iconColor="inherit" iconSize="medium" />
         <SpacerSM />
         <Text text={textToRender} />
-      </Flex>
+      </StyledTimerNotification>
     </ExpirableReadableMessage>
   );
 };