Update avatar component

src/components/Avatar/index.tsx

@@ -1,14 +1,15 @@
 import { Wrapper } from './styles';
 
 type AvatarProps = {
+  className?: string;
   color?: 'client' | 'productOwner' | 'developer' | 'admin' | string;
   size?: 'small' | 'big';
   text: string;
 };
 
-const Avatar = ({ color, size = 'small', text }: AvatarProps) => {
+const Avatar = ({ color, size = 'small', text, className }: AvatarProps) => {
   return (
-    <Wrapper color={color} size={size}>
+    <Wrapper color={color} size={size} className={className}>
       {text}
     </Wrapper>
   );

src/components/Avatar/styles.ts

@@ -6,11 +6,12 @@ type WrapperProps = {
 };
 
 export const Wrapper = styled.div<WrapperProps>`
+  user-select: none;
   border-radius: 50%;
   background: ${({ theme, color }) =>
     color ? theme.colors[color].main : theme.colors.client.main};
   color: ${({ theme }) => theme.colors.white.main};
-  display: grid;
+  display: inline-grid;
   justify-content: center;
   align-items: center;
   font-weight: bold;