fix: stlying using Center instead of Flex.

Author: ImMiguelP

src/components/Banners/PostMergeBanner.tsx

@@ -3,14 +3,14 @@ import BannerNotification from "../BannerNotification"
 import Translation from "../Translation"
 
 import { TranslationKey } from "../../utils/translations"
-import { Flex, Text } from "@chakra-ui/react"
+import { Center, Text } from "@chakra-ui/react"
 
 export interface IProps {
   translationString: TranslationKey
 }
 
 const PostMergeBanner: React.FC<IProps> = ({ translationString }) => (
-  <Flex
+  <Center
     as={BannerNotification}
     shouldShow={true}
     zIndex={1}
@@ -25,7 +25,7 @@ const PostMergeBanner: React.FC<IProps> = ({ translationString }) => (
     <Text maxW="100ch" m={0} p={0}>
       <Translation id={translationString} />
     </Text>
-  </Flex>
+  </Center>
 )
 
 export default PostMergeBanner