diff --git a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
index 4812a51c9..2b5d5f5be 100644
--- a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
+++ b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
@@ -84,7 +84,7 @@ export const UnreadMarker = React.forwardRef(
         position='absolute'
         ref={ref}
         px={2}
-        mt={2}
+        mt={0}
         height={5}
         justifyContent='center'
         alignItems='center'
@@ -444,13 +444,14 @@ export const MessageAuthor = ({
       </Box>
     );
   return (
-    <Box display='flex' alignItems='center' {...rest}>
+    <Box display='flex' alignItems='flex-start' {...rest}>
       <Box
         onClick={() => {
           setShowOverlay(true);
         }}
         height={24}
         pr={2}
+        mt={'1px'}
         pl={'12px'}
         cursor='pointer'
         position='relative'
@@ -483,7 +484,7 @@ export const MessageAuthor = ({
           <Text
             fontSize={1}
             mr={2}
-            flexShrink={0}
+            flexShrink={1}
             mono={nameMono}
             fontWeight={nameMono ? '400' : '500'}
             cursor='pointer'