Issue/fix font width (#123)

Author: onkarj-47

src/pages/sidepanel/components/EmptyState.tsx

@@ -72,9 +72,10 @@ const EmptyState: React.FC<EmptyStateProps> = ({ body, type }) => {
       <Box
         pt={1}
         pb={5}
-        fontSize={appColors.common.fontSize.baseSmall}
+        fontSize={appColors.common.fontSize.base}
+        fontWeight={appColors.common.fontWeight.bold}
         textAlign={'center'}
-        color={appColors.neutral[300]}
+        color={appColors.neutral[600]}
         fontFamily={appColors.common.fontFamily}>
         {body}
       </Box>

src/pages/sidepanel/sections/profile/ProfileHeader.tsx

@@ -46,6 +46,7 @@ const FieldLabel = styled(Typography)(() => ({
 
 const FieldValue = styled(Typography)(() => ({
   fontSize: appColors.common.fontSize.baseSmall,
+  fontWeight: appColors.common.fontWeight.medium,
   color: appColors.neutral[600],
   overflow: 'hidden',
   textOverflow: 'ellipsis',

src/pages/sidepanel/sections/profile/ProfileMetadata.tsx

@@ -46,11 +46,13 @@ const FieldLabel = styled(Typography)(() => ({
 const FieldValue = styled(Typography)(() => ({
   fontSize: appColors.common.fontSize.baseSmall,
   fontFamily: appColors.common.fontFamily,
+  fontWeight: appColors.common.fontWeight.medium,
   color: appColors.neutral[600],
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
   textAlign: 'center',
+  alignSelf: 'center',
   flex: 1,
 }));