diff --git a/api/src/components/flag/controller.ts b/api/src/components/flag/controller.ts
index cd4a70086..42518553f 100644
--- a/api/src/components/flag/controller.ts
+++ b/api/src/components/flag/controller.ts
@@ -81,7 +81,7 @@ export const createFlag = async (
 
         if (doesDuplicateFlagExist) {
             return response.json(400, {
-                message: 'An unresolved flag created by you, for this publication and category already exists.'
+                message: 'An unresolved flag created by you for this publication and category already exists.'
             });
         }
 
diff --git a/ui/src/components/ApprovalsTracker/index.tsx b/ui/src/components/ApprovalsTracker/index.tsx
index ad88bd7cf..5d1918e97 100644
--- a/ui/src/components/ApprovalsTracker/index.tsx
+++ b/ui/src/components/ApprovalsTracker/index.tsx
@@ -218,7 +218,12 @@ const ApprovalsTracker: React.FC<Props> = (props): React.ReactElement => {
                                     </td>
                                     <td className="whitespace-nowrap px-6 py-4  text-sm text-grey-900 duration-500 dark:text-white-50">
                                         {isCorrespondingUser && !author.linkedUser && author.reminderDate ? (
-                                            <>Reminder sent at {Helpers.formatDateTime(author.reminderDate, 'short')}</>
+                                            <>
+                                                Reminder sent at{' '}
+                                                <time suppressHydrationWarning>
+                                                    {Helpers.formatDateTime(author.reminderDate, 'short')}
+                                                </time>
+                                            </>
                                         ) : author.linkedUser === props.publicationVersion.createdBy ? (
                                             <>Corresponding author</>
                                         ) : author.confirmedCoAuthor ? (
diff --git a/ui/src/components/BlogCard/index.tsx b/ui/src/components/BlogCard/index.tsx
index 6b21e2e28..4d2fb1c85 100644
--- a/ui/src/components/BlogCard/index.tsx
+++ b/ui/src/components/BlogCard/index.tsx
@@ -21,7 +21,7 @@ const BlogCard: React.FC<Props> = (props) => {
                     {shortBlogText}
                 </div>
                 <p className="blog-card-footer text-xs font-medium tracking-wide text-grey-800 transition-colors dark:text-grey-100">
-                    By {props.author} | {Helpers.formatDate(props.publishedDate)}
+                    By {props.author} | <time suppressHydrationWarning>{Helpers.formatDate(props.publishedDate)}</time>
                 </p>
             </div>
         </div>
diff --git a/ui/src/components/Flag/Comment/index.tsx b/ui/src/components/Flag/Comment/index.tsx
index cf6c28f78..0b497c93b 100644
--- a/ui/src/components/Flag/Comment/index.tsx
+++ b/ui/src/components/Flag/Comment/index.tsx
@@ -22,7 +22,7 @@ const Comment: React.FC<Props> = (props): React.ReactElement => (
                 {props.flagComment.user.firstName} {props.flagComment.user.lastName}
             </span>
             <span className="block text-xs text-grey-500 transition-colors duration-500 group-hover:underline dark:text-white-100">
-                Posted: {Helpers.formatDate(props.flagComment.createdAt)}
+                Posted: <time suppressHydrationWarning>{Helpers.formatDate(props.flagComment.createdAt)}</time>
             </span>
         </Components.Link>
         <div className="col-span-12 lg:col-span-8">
diff --git a/ui/src/components/Flag/Preview/index.tsx b/ui/src/components/Flag/Preview/index.tsx
index 97c8f6be4..d998b45a3 100644
--- a/ui/src/components/Flag/Preview/index.tsx
+++ b/ui/src/components/Flag/Preview/index.tsx
@@ -33,7 +33,7 @@ const Preview: React.FC<Props> = (props) => (
         </span>
         <span className="ml-6 text-sm text-grey-600 transition-colors duration-500 dark:text-grey-100">
             Flagged by {props.flag.user.firstName} {props.flag.user.lastName},{' '}
-            {Helpers.formatDate(props.flag.createdAt)}
+            <time suppressHydrationWarning>{Helpers.formatDate(props.flag.createdAt)}</time>
         </span>
     </Components.Link>
 );
diff --git a/ui/src/components/Publication/BookmarkedPublications/index.tsx b/ui/src/components/Publication/BookmarkedPublications/index.tsx
index f01ce4996..541b22430 100644
--- a/ui/src/components/Publication/BookmarkedPublications/index.tsx
+++ b/ui/src/components/Publication/BookmarkedPublications/index.tsx
@@ -36,11 +36,17 @@ const BookmarkedPublications: React.FC<Props> = (props): React.ReactElement => {
                             </span>
                             {props.publication.publishedDate ? (
                                 <span className="text-xs leading-3 text-grey-600 transition-colors duration-500 dark:text-grey-100 ">
-                                    Published: {Helpers.formatDate(props.publication.publishedDate)}
+                                    Published:{' '}
+                                    <time suppressHydrationWarning>
+                                        {Helpers.formatDate(props.publication.publishedDate)}
+                                    </time>
                                 </span>
                             ) : (
                                 <span className="text-xs leading-3 text-grey-600 transition-colors duration-500 dark:text-grey-100 ">
-                                    Last updated: {Helpers.formatDate(props.publication.updatedAt)}
+                                    Last updated:{' '}
+                                    <time suppressHydrationWarning>
+                                        {Helpers.formatDate(props.publication.updatedAt)}
+                                    </time>
                                 </span>
                             )}
                         </div>
diff --git a/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationRow.tsx b/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationRow.tsx
index c66a326d8..f077add4a 100644
--- a/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationRow.tsx
+++ b/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationRow.tsx
@@ -27,9 +27,12 @@ const LinkedPublicationRow: React.FC<Props> = (props): React.ReactElement => {
                         {props.linkedPublication.title}
                     </p>
                     <div className="flex items-center space-x-2">
-                        <span className="text-xs text-grey-700 transition-colors duration-500 dark:text-white-100">
+                        <time
+                            className="text-xs text-grey-700 transition-colors duration-500 dark:text-white-100"
+                            suppressHydrationWarning
+                        >
                             {Helpers.formatDate(props.linkedPublication.publishedDate)},
-                        </span>
+                        </time>
                         <span className="text-sm text-grey-700 transition-colors duration-500 dark:text-white-100">
                             {props.linkedPublication.authorFirstName[0]}. {props.linkedPublication.authorLastName}
                         </span>
diff --git a/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationsCombobox.tsx b/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationsCombobox.tsx
index 1fdafd6dd..1b4e62460 100644
--- a/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationsCombobox.tsx
+++ b/ui/src/components/Publication/Creation/LinkedItems/LinkedPublicationsCombobox.tsx
@@ -133,8 +133,11 @@ const LinkedPublicationsCombobox: React.FC<LinkedPublicationsComboboxProps> = (p
                                     <p className="text-grey-800">{publicationVersion.title}</p>
                                     <div className="flex items-center space-x-2">
                                         <span className="text-xs text-grey-700">
-                                            {publicationVersion.publishedDate &&
-                                                Helpers.formatDate(publicationVersion.publishedDate)}
+                                            {publicationVersion.publishedDate && (
+                                                <time suppressHydrationWarning>
+                                                    {Helpers.formatDate(publicationVersion.publishedDate)}
+                                                </time>
+                                            )}
                                             ,
                                         </span>
                                         <span className="text-sm text-grey-700">
diff --git a/ui/src/components/Publication/SimpleResult/index.tsx b/ui/src/components/Publication/SimpleResult/index.tsx
index a12ae500b..f82ae3934 100644
--- a/ui/src/components/Publication/SimpleResult/index.tsx
+++ b/ui/src/components/Publication/SimpleResult/index.tsx
@@ -42,11 +42,17 @@ const SimpleResult: React.FC<Props> = (props): React.ReactElement => {
                     </span>
                     {props.publicationVersion.publishedDate ? (
                         <span className="text-xs leading-3 text-grey-600 transition-colors duration-500 dark:text-grey-100 ">
-                            Published: {Helpers.formatDate(props.publicationVersion.publishedDate)}
+                            Published:{' '}
+                            <time suppressHydrationWarning>
+                                {Helpers.formatDate(props.publicationVersion.publishedDate)}
+                            </time>
                         </span>
                     ) : (
                         <span className="text-xs leading-3 text-grey-600 transition-colors duration-500 dark:text-grey-100 ">
-                            Last updated: {Helpers.formatDate(props.publicationVersion.updatedAt)}
+                            Last updated:{' '}
+                            <time suppressHydrationWarning>
+                                {Helpers.formatDate(props.publicationVersion.updatedAt)}
+                            </time>
                         </span>
                     )}
                 </div>
diff --git a/ui/src/pages/blog/[slug].tsx b/ui/src/pages/blog/[slug].tsx
index 701d10403..66cf636a1 100644
--- a/ui/src/pages/blog/[slug].tsx
+++ b/ui/src/pages/blog/[slug].tsx
@@ -177,7 +177,8 @@ type Props = {
 
 const IndividualBlogPage: NextPage<Props> = (props) => {
     const router = useRouter();
-    const { title, author, content, publishedDate } = props.blog.fields;
+    const { title, author, content } = props.blog.fields;
+    const [publishedDate, setPublishedDate] = React.useState(String(props.blog.fields.publishedDate));
 
     const { canGoBack } = router.query as { canGoBack: string };
 
@@ -187,6 +188,13 @@ const IndividualBlogPage: NextPage<Props> = (props) => {
 
     const pageTitle = `${title} - ${Config.urls.base.title}`;
 
+    // This is required to ensure that we don't encounter hydration errors when we format the published
+    // date on the client. Normally we use suppressHydrationWarning but that only works one level down,
+    // and we're passing the value to a subcomponent.
+    React.useEffect(() => {
+        setPublishedDate(Helpers.formatDate(props.blog.fields.publishedDate));
+    }, [props.blog.fields.publishedDate]);
+
     return (
         <>
             <Head>
@@ -211,7 +219,7 @@ const IndividualBlogPage: NextPage<Props> = (props) => {
                             <Components.PageTitle text={title} className="!mb-4" />
                             <Components.PageSubTitle
                                 className="text-base font-medium"
-                                text={`Written by ${author} on ${Helpers.formatDate(publishedDate)}`}
+                                text={`Written by ${author} on ${publishedDate}`}
                             />
                             <div className="dark:text-white-50">
                                 {documentToReactComponents(content, renderOptions)}
diff --git a/ui/src/pages/publications/[id]/flag/[flagId]/index.tsx b/ui/src/pages/publications/[id]/flag/[flagId]/index.tsx
index 5caa500b7..28f902e8a 100644
--- a/ui/src/pages/publications/[id]/flag/[flagId]/index.tsx
+++ b/ui/src/pages/publications/[id]/flag/[flagId]/index.tsx
@@ -230,7 +230,10 @@ const FlagThread: Next.NextPage<Props> = (props): JSX.Element => {
 
                                     <p className="text-grey-700 transition-colors duration-500 dark:text-grey-100">
                                         This publication was red flagged on{' '}
-                                        <span className="italic">{Helpers.formatDate(data.createdAt)}</span>, by{' '}
+                                        <time className="italic" suppressHydrationWarning>
+                                            {Helpers.formatDate(data.createdAt)}
+                                        </time>
+                                        , by{' '}
                                         <Components.Link
                                             href={`${Config.urls.viewUser.path}/${data.user.id}`}
                                             className="text-teal-500 underline"