From 4fa8bd0d3d7500a08cc2f7bb36d281e942679dcd Mon Sep 17 00:00:00 2001
From: vidvidvid <weetopol@gmail.com>
Date: Sat, 9 Oct 2021 10:56:07 +0200
Subject: [PATCH] further profile styling

---
 packages/design-system/src/MetaTag.tsx                     | 2 +-
 .../components/Player/Section/PlayerColorDisposition.tsx   | 2 ++
 packages/web/components/Player/Section/PlayerType.tsx      | 7 ++++++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/MetaTag.tsx b/packages/design-system/src/MetaTag.tsx
index fea6814c..b172493a 100644
--- a/packages/design-system/src/MetaTag.tsx
+++ b/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"
diff --git a/packages/web/components/Player/Section/PlayerColorDisposition.tsx b/packages/web/components/Player/Section/PlayerColorDisposition.tsx
index cbbf5fb6..21de6819 100644
--- a/packages/web/components/Player/Section/PlayerColorDisposition.tsx
+++ b/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>
diff --git a/packages/web/components/Player/Section/PlayerType.tsx b/packages/web/components/Player/Section/PlayerType.tsx
index eded659b..0755fb7a 100644
--- a/packages/web/components/Player/Section/PlayerType.tsx
+++ b/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>