From 324d0eef04a15a4c810f6ddb92889919a1c29880 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Wed, 30 Aug 2023 00:05:41 +0330
Subject: [PATCH] fix: fix author typography styles

---
 src/components/Authors/Author.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Authors/Author.tsx b/src/components/Authors/Author.tsx
index 0e3c2a9..78ddaa9 100644
--- a/src/components/Authors/Author.tsx
+++ b/src/components/Authors/Author.tsx
@@ -12,15 +12,19 @@ const Author = ({
   gap?: number
 }) => (
   <AuthorInfo key={author.name}>
-    <Typography variant="body3" component="p" genericFontFamily="sans-serif">
+    <CustomTypography
+      variant="body3"
+      component="p"
+      genericFontFamily="sans-serif"
+    >
       {author.name}
-    </Typography>
+    </CustomTypography>
     {email &&
       author.emailAddress &&
       !AuthorsConfig.hiddenEmailAddresses.includes(author.emailAddress) && (
         <Typography
           href={`mailto:${author.emailAddress}`}
-          variant="body3"
+          variant="label2"
           component="a"
           genericFontFamily="sans-serif"
         >
@@ -33,7 +37,10 @@ const Author = ({
 const AuthorInfo = styled.div`
   display: flex;
   flex-direction: column;
-  text-transform: capitalize;
+`
+
+const CustomTypography = styled(Typography)`
+  text-transform: capitalized;
 `
 
 export default Author