diff --git a/components/index/cards/mailing-list.js b/components/index/cards/mailing-list.js
index f524420d..920f19ba 100644
--- a/components/index/cards/mailing-list.js
+++ b/components/index/cards/mailing-list.js
@@ -29,7 +29,7 @@ const Loading = () => (
   ></Box>
 )
 
-const MailingList = ({ html }) => {
+const MailingList = () => {
   const [submitting, setSubmitting] = useState(false)
   const [submitted, setSubmitted] = useState(false)
   const [data, setData] = useState({ finalHtml: [], names: [] })
@@ -211,7 +211,7 @@ const MailingList = ({ html }) => {
                 link={data.names[index]}
                 key={index}
               />
-            ))}
+            )).reverse()}
           </Box>
         </Flex>
       </Card>
diff --git a/components/mail-card.js b/components/mail-card.js
index c27717e0..7401f5cf 100644
--- a/components/mail-card.js
+++ b/components/mail-card.js
@@ -2,8 +2,8 @@ import { Box, Card, Link, Text } from "theme-ui";
 
 // todo: increase padding on mobile
 
-export default function MailCard({ body, issue, date, link }) {
-  body = body.length > 120 ? body.substring(0, 120) + "..." : body;
+export default function MailCard({ body, date, link }) {
+  body = body.length > 130 ? body.substring(0, 130) + "..." : body;
   return (
     <Card
       variant="interactive"
@@ -39,6 +39,7 @@ export default function MailCard({ body, issue, date, link }) {
               placeItems: "center",
               display: "grid",
               height: "100%",
+              paddingY: [3, 4, 0],
             }}
           >
             <Box sx={{ px: [3, 4] }}>