fix pixel differences

Author: gabrielmfern

apps/demo/emails/notifications/github-access-token.tsx

@@ -31,24 +31,24 @@ export const GithubAccessTokenEmail = ({
         <Preview>
           A fine-grained personal access token has been added to your account
         </Preview>
-        <Container className="max-w-lg mx-auto py-5 pb-12">
+        <Container className="max-w-[480px] mx-auto my-0 pt-5 pb-12 px-0">
           <Img
             src={`${baseUrl}/static/github.png`}
             width="32"
             height="32"
             alt="Github"
           />
-
-          <Text className="text-2xl leading-tight">
+          
+          <Text className="text-[24px] leading-[1.25]">
             <strong>@{username}</strong>, a personal access was created on your
             account.
           </Text>
 
-          <Section className="p-6 border border-solid border-[#dedede] rounded text-center">
-            <Text className="mb-3 text-left">
+          <Section className="p-6 text-sm leading-[24px] border border-solid border-[#dedede] rounded text-center">
+            <Text className="mb-[10px] mt-0 text-left">
               Hey <strong>{username}</strong>!
             </Text>
-            <Text className="mb-3 text-left">
+            <Text className="mb-[10px] mt-0 text-left">
               A fine-grained personal access token (<Link>resend</Link>) was
               recently added to your account.
             </Text>
@@ -64,7 +64,7 @@ export const GithubAccessTokenEmail = ({
             ・ <Link className="text-[#0366d6] text-xs">Contact support</Link>
           </Text>
 
-          <Text className="text-[#6a737d] text-xs text-center mt-16">
+          <Text className="text-[#6a737d] text-xs leading-[24px] text-center mt-[60px] mb-4">
             GitHub, Inc. ・88 Colin P Kelly Jr Street ・San Francisco, CA 94107
           </Text>
         </Container>