further profile styling

packages/design-system/src/MetaTag.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 export const MetaTag: React.FC<TagProps> = React.forwardRef<HTMLSpanElement>(
   ({ children, ...props }, ref) => (
     <Tag
-      fontFamily="body"
+      fontFamily="exo2"
       fontSize="sm"
       fontWeight="bold"
       backgroundColor="purpleTag"

packages/web/components/Player/Section/PlayerColorDisposition.tsx

@@ -44,6 +44,8 @@ export const PlayerColorDisposition: React.FC<Props> = ({
             2,
           )}`}
           maxH="6rem"
+          fontSize={{ base: 'sm', sm: 'md' }}
+          // fontWeight="600" 600 === 700 :{ and 700 is bold :S
         >
           <ColorBar mask={type.mask} />
         </Link>

packages/web/components/Player/Section/PlayerType.tsx

@@ -22,7 +22,12 @@ export const PlayerType: React.FC<Props> = ({
   >
     {player.type?.title && (
       <FlexContainer align="stretch" fontSize={{ base: 'sm', sm: 'md' }}>
-        <Text color="white" fontWeight="bold" casing="uppercase">
+        <Text
+          color="white"
+          // fontWeight="600" 600 === 700 :{ and 700 is too much
+          casing="uppercase"
+          fontSize={{ base: 'sm', sm: 'md' }}
+        >
           {player.type.title}
         </Text>
         <Text color="blueLight">{player.type.description}</Text>