From 23944e2d62c09287748b01df6ef30d0f4a12b3bc Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 25 Jan 2023 17:32:04 +0800
Subject: [PATCH] Use VStack for email layout

---
 packages/web/pages/settings/emails/recent.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/pages/settings/emails/recent.tsx b/packages/web/pages/settings/emails/recent.tsx
index 1082a19db..4453f3f22 100644
--- a/packages/web/pages/settings/emails/recent.tsx
+++ b/packages/web/pages/settings/emails/recent.tsx
@@ -17,7 +17,7 @@ import {
   useGetRecentEmailsQuery,
 } from '../../../lib/networking/queries/useGetRecentEmails'
 import Link from 'next/link'
-import { HStack } from '../../../components/elements/LayoutPrimitives'
+import { HStack, VStack } from '../../../components/elements/LayoutPrimitives'
 
 export default function RecentEmails(): JSX.Element {
   const { recentEmails, revalidate, isValidating } = useGetRecentEmailsQuery()
@@ -133,7 +133,7 @@ export default function RecentEmails(): JSX.Element {
               }}
               deleteTitle="Delete"
               sublineElement={
-                <HStack>
+                <VStack>
                   <StyledText
                     css={{
                       my: '5px',
@@ -165,7 +165,7 @@ export default function RecentEmails(): JSX.Element {
                       recentEmail.createdAt
                     )}, classfied as: ${recentEmail.type}`}
                   </StyledText>
-                </HStack>
+                </VStack>
               }
             />
           )