diff --git a/ts/components/MemberListItem.tsx b/ts/components/MemberListItem.tsx
index 7c64a0ea1..c6bef22fd 100644
--- a/ts/components/MemberListItem.tsx
+++ b/ts/components/MemberListItem.tsx
@@ -53,7 +53,7 @@ const StyledInfo = styled.div`
   min-width: 0;
 `;
 
-const StyledName = styled.span<{ maxNameWidth?: string }>`
+const StyledName = styled.span<{ maxWidth?: string }>`
   font-weight: bold;
   margin-inline-start: var(--margins-md);
   margin-inline-end: var(--margins-md);
@@ -61,7 +61,7 @@ const StyledName = styled.span<{ maxNameWidth?: string }>`
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${props => props.maxNameWidth && `max-width: ${props.maxNameWidth};`}
+  ${props => props.maxWidth && `max-width: ${props.maxWidth};`}
 `;
 
 const StyledCheckContainer = styled.div`
@@ -118,7 +118,7 @@ export const MemberListItem = (props: {
     >
       <StyledInfo>
         <AvatarItem memberPubkey={pubkey} isAdmin={isAdmin || false} />
-        <StyledName maxNameWidth={maxNameWidth}>{memberName}</StyledName>
+        <StyledName maxWidth={maxNameWidth}>{memberName}</StyledName>
       </StyledInfo>
 
       {!inMentions && (