diff --git a/src/components/UserGroup.tsx b/src/components/UserGroup.tsx index 3c00dc1e..c3fc39da 100644 --- a/src/components/UserGroup.tsx +++ b/src/components/UserGroup.tsx @@ -24,9 +24,10 @@ const UserGroupContainer = styled.div` display: inline-flex; `; -const UserContainer = styled.div` +const UserContainer = styled.div<{ size: number }>` border-radius: 100%; border: 1px solid ${gray4}; + height: ${({ size }) => `${size}px`}; & + & { margin-left: calc(${gapSm} * -1); @@ -84,7 +85,7 @@ export const UserGroup: FC = ({ users, size = 24, limit = 3, ... + }