diff --git a/packages/web/pages/settings/emails/recent.tsx b/packages/web/pages/settings/emails/recent.tsx
index c842937d0..cf0ba1ac1 100644
--- a/packages/web/pages/settings/emails/recent.tsx
+++ b/packages/web/pages/settings/emails/recent.tsx
@@ -131,7 +131,7 @@ const ViewRecentEmailModal = (
 }
 
 export default function RecentEmails(): JSX.Element {
-  const { recentEmails, isValidating } = useGetRecentEmailsQuery()
+  const { recentEmails, revalidate, isValidating } = useGetRecentEmailsQuery()
   const [viewingEmail, setViewingEmail] = useState<RecentEmail | undefined>(
     undefined
   )
@@ -195,6 +195,7 @@ export default function RecentEmails(): JSX.Element {
                         showSuccessToast('Marking email as article')
                         try {
                           await markEmailAsItemMutation(recentEmail.id)
+                          revalidate()
                         } catch (err) {
                           console.log('error marking as article: ', err)
                           showErrorToast('Error marking item as article')