diff --git a/src/app/components/message/layout/Compact.tsx b/src/app/components/message/layout/Compact.tsx
index a5422bb0d8..e123d6cdfc 100644
--- a/src/app/components/message/layout/Compact.tsx
+++ b/src/app/components/message/layout/Compact.tsx
@@ -4,13 +4,15 @@ import * as css from './layout.css';
 
 type CompactLayoutProps = {
   before?: ReactNode;
+  avatar?: ReactNode;
 };
 
 export const CompactLayout = as<'div', CompactLayoutProps>(
-  ({ before, children, ...props }, ref) => (
+  ({ before, avatar, children, ...props }, ref) => (
     <Box gap="200" {...props} ref={ref}>
       <Box className={css.CompactHeader} gap="200" shrink="No">
         {before}
+        {avatar}
       </Box>
       {children}
     </Box>
diff --git a/src/app/features/room/message/Message.tsx b/src/app/features/room/message/Message.tsx
index cf9b7a9376..6cd0d25073 100644
--- a/src/app/features/room/message/Message.tsx
+++ b/src/app/features/room/message/Message.tsx
@@ -282,7 +282,9 @@ function WrappedMessage({
         onEdit={handleSwipeEdit}
         onActionModeChange={handleSwipeActionChange}
       >
-        <CompactLayout before={headerJSX}>{msgContentJSX}</CompactLayout>
+        <CompactLayout avatar={avatarJSX} before={headerJSX}>
+          {msgContentJSX}
+        </CompactLayout>
       </SwipeableMessageWrapper>
     );
   if (messageLayout === MessageLayout.Bubble)
@@ -598,13 +600,13 @@ function MessageInternal(
                 <UsernameBold>{cleanedDisplayName}</UsernameBold>
               </Text>
             </Username>
-            {showPronouns && (
+            {showPronouns && messageLayout !== MessageLayout.Compact && (
               <Pronouns
                 pronouns={mergedPronouns}
                 tagColor={accessibleNameColor(pmpNameColor) ?? usernameColor ?? 'currentColor'}
               />
             )}
-            {showPmPInfo && (
+            {showPmPInfo && messageLayout !== MessageLayout.Compact && (
               <Box>
                 <Text as="span">
                   <Text
@@ -655,15 +657,17 @@ function MessageInternal(
   };
 
   const avatarJSX = (collapsed?: boolean) => {
-    if (!collapsed && messageLayout !== MessageLayout.Compact)
+    if (!collapsed)
       return (
         <AvatarBase
           className={messageLayout === MessageLayout.Bubble ? css.BubbleAvatarBase : undefined}
         >
           <Avatar
-            className={css.MessageAvatar}
+            className={
+              messageLayout === MessageLayout.Compact ? css.CompactAvatar : css.MessageAvatar
+            }
             as="button"
-            size="300"
+            size="200"
             data-user-id={senderId}
             data-parent-message-id={mEvent.getId() ?? ':3'}
             onClick={onUserClick}
diff --git a/src/app/features/room/message/styles.css.ts b/src/app/features/room/message/styles.css.ts
index 0086205f41..7f39981a22 100644
--- a/src/app/features/room/message/styles.css.ts
+++ b/src/app/features/room/message/styles.css.ts
@@ -179,6 +179,14 @@ export const BubbleAvatarBase = style({
   paddingTop: 0,
 });
 
+export const CompactAvatar = style({
+  cursor: 'pointer',
+  height: '1em',
+  width: '1em',
+  marginTop: '-2px',
+  borderRadius: 2,
+});
+
 export const MessageAvatar = style({
   cursor: 'pointer',
 });