Update CollaboratorAvatarGroup.tsx

Signed-off-by: Mia Grenell <[email protected]>

Author: miacycle

src/custom/CollaboratorAvatarGroup/CollaboratorAvatarGroup.tsx

@@ -1,6 +1,6 @@
 import { ExpandMore } from '@mui/icons-material';
 import { MouseEvent, useState } from 'react';
-import { Avatar, AvatarGroup, Button, Popover, Typography } from '../../base';
+import { Avatar, AvatarGroup, Button, Popover, Typography, Divider } from '../../base';
 import { iconSmall } from '../../constants/iconsSizes';
 import { styled, useTheme } from '../../theme';
 import { DARK_TEAL_BLUE } from '../../theme/colors/colors';
@@ -146,7 +146,8 @@ const CollaboratorAvatarGroup = ({
               key={clientID}
               title={
                 <div style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column' }}>
-                  <Typography style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', fontSize: '1rem' }}>{user.name}</Typography>
+                  <Divider />
+                  <Typography style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', margin: 'auto', fontSize: '1rem' }}>{user.name}</Typography>
                   <Button
                     size="small"
                     variant="outlined"