diff --git a/packages/web/lib/networking/queries/useGetNewsletterEmailsQuery.tsx b/packages/web/lib/networking/queries/useGetNewsletterEmailsQuery.tsx
index 2020c21ab..a8c57cdd4 100644
--- a/packages/web/lib/networking/queries/useGetNewsletterEmailsQuery.tsx
+++ b/packages/web/lib/networking/queries/useGetNewsletterEmailsQuery.tsx
@@ -64,7 +64,7 @@ export function useGetNewsletterEmailsQuery(): NewsletterEmailsQueryResponse {
     console.log('error', error)
   }
   return {
-    isValidating: false,
+    isValidating: true,
     emailAddresses: [],
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     revalidate: () => {},
diff --git a/packages/web/pages/settings/emails.tsx b/packages/web/pages/settings/emails.tsx
index 389cfc0a6..ab432fdb4 100644
--- a/packages/web/pages/settings/emails.tsx
+++ b/packages/web/pages/settings/emails.tsx
@@ -107,6 +107,9 @@ export default function EmailsPage(): JSX.Element {
   }
 
   const sortedEmailAddresses = useMemo(() => {
+    if (!emailAddresses) {
+      return []
+    }
     return emailAddresses.sort((a, b) => a.createdAt.localeCompare(b.createdAt))
   }, [emailAddresses])
 
@@ -134,6 +137,9 @@ export default function EmailsPage(): JSX.Element {
                     css={{
                       my: '5px',
                       fontSize: '11px',
+                      a: {
+                        color: '$omnivoreCtaYellow',
+                      },
                     }}
                   >
                     {`created ${formattedShortDate(email.createdAt)}, `}
diff --git a/packages/web/pages/settings/subscriptions.tsx b/packages/web/pages/settings/subscriptions.tsx
index 25212657a..ee0bab5f4 100644
--- a/packages/web/pages/settings/subscriptions.tsx
+++ b/packages/web/pages/settings/subscriptions.tsx
@@ -31,6 +31,9 @@ export default function SubscriptionsPage(): JSX.Element {
   }
 
   const sortedSubscriptions = useMemo(() => {
+    if (!subscriptions) {
+      return []
+    }
     return subscriptions.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt))
   }, [subscriptions])
 
@@ -56,6 +59,9 @@ export default function SubscriptionsPage(): JSX.Element {
                     css={{
                       my: '5px',
                       fontSize: '11px',
+                      a: {
+                        color: '$omnivoreCtaYellow',
+                      },
                     }}
                   >
                     {`Last received ${formattedShortDate(