Правильная расстановка иконок

app/components/MessageAttachments/MessageCall.tsx

@@ -2,7 +2,7 @@ import { useAttachment } from "@/app/providers/AttachmentProvider/useAttachment"
 import { AttachmentProps } from "./MessageAttachments";
 import { Avatar, Box, Flex, Text } from "@mantine/core";
 import { useRosettaColors } from "@/app/hooks/useRosettaColors";
-import { IconPhoneOutgoing, IconX } from "@tabler/icons-react";
+import { IconPhoneIncoming, IconPhoneOutgoing, IconX } from "@tabler/icons-react";
 import { translateDurationToTime } from "@/app/providers/CallProvider/translateDurationTime";
 import { usePublicKey } from "@/app/providers/AccountProvider/usePublicKey";
 
@@ -33,12 +33,10 @@ export function MessageCall(props: AttachmentProps) {
                 <Avatar bg={error ? colors.error : colors.brandColor} size={40}>
                     {!error && <>
                         {!caller && (
-                            <IconPhoneOutgoing color={'white'} size={22}></IconPhoneOutgoing>
+                            <IconPhoneIncoming color={'white'} size={22}></IconPhoneIncoming>
                         )}
                         {caller && (
-                            <IconPhoneOutgoing color={'white'} size={22} style={{
-                                transform: 'rotate(180deg)'
-                            }}></IconPhoneOutgoing>
+                            <IconPhoneOutgoing color={'white'} size={22}></IconPhoneOutgoing>
                         )}
                     </>}
                     {error && <>