diff --git a/app/lish/[did]/[publication]/page.tsx b/app/lish/[did]/[publication]/page.tsx
index 9902d594..c4fce3f1 100644
--- a/app/lish/[did]/[publication]/page.tsx
+++ b/app/lish/[did]/[publication]/page.tsx
@@ -1,6 +1,9 @@
 import { supabaseServerClient } from "supabase/serverClient";
 import { AtUri } from "@atproto/syntax";
-import { getPublicationURL, getDocumentURL } from "app/lish/createPub/getPublicationURL";
+import {
+  getPublicationURL,
+  getDocumentURL,
+} from "app/lish/createPub/getPublicationURL";
 import { BskyAgent } from "@atproto/api";
 import { publicationNameOrUriFilter } from "src/utils/uriHelpers";
 import { SubscribeWithBluesky } from "app/lish/Subscribe";
@@ -61,141 +64,151 @@ export default async function Publication(props: {
   try {
     return (
       <>
-      <FontLoader headingFontId={record?.theme?.headingFont} bodyFontId={record?.theme?.bodyFont} />
-      <PublicationThemeProvider
-        theme={record?.theme}
-        pub_creator={publication.identity_did}
-      >
-        <PublicationBackgroundProvider
+        <FontLoader
+          headingFontId={record?.theme?.headingFont}
+          bodyFontId={record?.theme?.bodyFont}
+        />
+        <PublicationThemeProvider
           theme={record?.theme}
           pub_creator={publication.identity_did}
         >
-          <PublicationHomeLayout
-            uri={publication.uri}
-            showPageBackground={!!showPageBackground}
+          <PublicationBackgroundProvider
+            theme={record?.theme}
+            pub_creator={publication.identity_did}
           >
-            <div className="pubHeader flex flex-col pb-8 w-full text-center justify-center ">
-              {record?.icon && (
-                <div
-                  className="shrink-0 w-10 h-10 rounded-full mx-auto"
-                  style={{
-                    backgroundImage: `url(/api/atproto_images?did=${did}&cid=${(record.icon.ref as unknown as { $link: string })["$link"]})`,
-                    backgroundRepeat: "no-repeat",
-                    backgroundPosition: "center",
-                    backgroundSize: "cover",
-                  }}
-                />
-              )}
-              <h2 className="text-accent-contrast sm:text-xl text-[22px] pt-1 ">
-                {publication.name}
-              </h2>
-              <p className="sm:text-lg text-secondary">
-                {record?.description}{" "}
-              </p>
-              {profile && (
-                <PublicationAuthor
-                  did={profile.did}
-                  displayName={profile.displayName}
-                  handle={profile.handle}
-                />
-              )}
-              <div className="sm:pt-4 pt-4">
-                <SubscribeWithBluesky
-                  base_url={getPublicationURL(publication)}
-                  pubName={publication.name}
-                  pub_uri={publication.uri}
-                  subscribers={publication.publication_subscriptions}
-                />
+            <PublicationHomeLayout
+              uri={publication.uri}
+              showPageBackground={!!showPageBackground}
+            >
+              <div className="pubHeader flex flex-col pb-8 w-full text-center justify-center ">
+                {record?.icon && (
+                  <div
+                    className="shrink-0 w-10 h-10 rounded-full mx-auto"
+                    style={{
+                      backgroundImage: `url(/api/atproto_images?did=${did}&cid=${(record.icon.ref as unknown as { $link: string })["$link"]})`,
+                      backgroundRepeat: "no-repeat",
+                      backgroundPosition: "center",
+                      backgroundSize: "cover",
+                    }}
+                  />
+                )}
+                <h2 className="text-accent-contrast sm:text-xl text-[22px] pt-1 ">
+                  {publication.name}
+                </h2>
+                <p className="sm:text-lg text-secondary">
+                  {record?.description}{" "}
+                </p>
+                {profile && (
+                  <PublicationAuthor
+                    did={profile.did}
+                    displayName={profile.displayName}
+                    handle={profile.handle}
+                  />
+                )}
+                <div className="sm:pt-4 pt-4">
+                  <SubscribeWithBluesky
+                    base_url={getPublicationURL(publication)}
+                    pubName={publication.name}
+                    pub_uri={publication.uri}
+                    subscribers={publication.publication_subscriptions}
+                  />
+                </div>
               </div>
-            </div>
-            <div className="publicationPostList w-full flex flex-col gap-4">
-              {publication.documents_in_publications
-                .filter((d) => !!d?.documents)
-                .sort((a, b) => {
-                  const aRecord = normalizeDocumentRecord(a.documents?.data);
-                  const bRecord = normalizeDocumentRecord(b.documents?.data);
-                  const aDate = aRecord?.publishedAt
-                    ? new Date(aRecord.publishedAt)
-                    : new Date(0);
-                  const bDate = bRecord?.publishedAt
-                    ? new Date(bRecord.publishedAt)
-                    : new Date(0);
-                  return bDate.getTime() - aDate.getTime(); // Sort by most recent first
-                })
-                .map((doc) => {
-                  if (!doc.documents) return null;
-                  const doc_record = normalizeDocumentRecord(
-                    doc.documents.data,
-                  );
-                  if (!doc_record) return null;
-                  let uri = new AtUri(doc.documents.uri);
-                  let quotes =
-                    doc.documents.document_mentions_in_bsky[0].count || 0;
-                  let comments =
-                    record?.preferences?.showComments === false
-                      ? 0
-                      : doc.documents.comments_on_documents[0].count || 0;
-                  let recommends =
-                    doc.documents.recommends_on_documents?.[0]?.count || 0;
-                  let tags = doc_record.tags || [];
+              <div className="publicationPostList w-full flex flex-col gap-4">
+                {publication.documents_in_publications
+                  .filter((d) => !!d?.documents)
+                  .sort((a, b) => {
+                    const aRecord = normalizeDocumentRecord(a.documents?.data);
+                    const bRecord = normalizeDocumentRecord(b.documents?.data);
+                    const aDate = aRecord?.publishedAt
+                      ? new Date(aRecord.publishedAt)
+                      : new Date(0);
+                    const bDate = bRecord?.publishedAt
+                      ? new Date(bRecord.publishedAt)
+                      : new Date(0);
+                    return bDate.getTime() - aDate.getTime(); // Sort by most recent first
+                  })
+                  .map((doc) => {
+                    if (!doc.documents) return null;
+                    const doc_record = normalizeDocumentRecord(
+                      doc.documents.data,
+                    );
+                    if (!doc_record) return null;
+                    let uri = new AtUri(doc.documents.uri);
+                    let quotes =
+                      doc.documents.document_mentions_in_bsky[0].count || 0;
+                    let comments =
+                      record?.preferences?.showComments === false
+                        ? 0
+                        : doc.documents.comments_on_documents[0].count || 0;
+                    let recommends =
+                      doc.documents.recommends_on_documents?.[0]?.count || 0;
+                    let tags = doc_record.tags || [];
 
-                  const docUrl = getDocumentURL(doc_record, doc.documents.uri, publication);
-                  return (
-                    <React.Fragment key={doc.documents?.uri}>
-                      <div className="flex w-full grow flex-col ">
-                        <SpeedyLink
-                          href={docUrl}
-                          className="publishedPost hover:no-underline! flex flex-col"
-                        >
-                          {doc_record.title && (
-                            <h3 className="text-primary">{doc_record.title}</h3>
-                          )}
-                          <p className="italic text-secondary line-clamp-3">
-                            {doc_record.description || getFirstParagraph(doc_record)}
-                          </p>
-                        </SpeedyLink>
+                    const docUrl = getDocumentURL(
+                      doc_record,
+                      doc.documents.uri,
+                      publication,
+                    );
+                    return (
+                      <React.Fragment key={doc.documents?.uri}>
+                        <div className="flex w-full grow flex-col ">
+                          <SpeedyLink
+                            href={docUrl}
+                            className="publishedPost no-underline! flex flex-col"
+                          >
+                            {doc_record.title && (
+                              <h3 className="text-primary">
+                                {doc_record.title}
+                              </h3>
+                            )}
+                            <p className="italic text-secondary line-clamp-3">
+                              {doc_record.description ||
+                                getFirstParagraph(doc_record)}
+                            </p>
+                          </SpeedyLink>
 
-                        <div className="justify-between w-full text-sm text-tertiary flex gap-1 flex-wrap pt-2 items-center">
-                          <p className="text-sm text-tertiary ">
-                            {doc_record.publishedAt && (
-                              <LocalizedDate
-                                dateString={doc_record.publishedAt}
-                                options={{
-                                  year: "numeric",
-                                  month: "long",
-                                  day: "2-digit",
-                                }}
-                              />
-                            )}{" "}
-                          </p>
+                          <div className="justify-between w-full text-sm text-tertiary flex gap-1 flex-wrap pt-2 items-center">
+                            <p className="text-sm text-tertiary ">
+                              {doc_record.publishedAt && (
+                                <LocalizedDate
+                                  dateString={doc_record.publishedAt}
+                                  options={{
+                                    year: "numeric",
+                                    month: "long",
+                                    day: "2-digit",
+                                  }}
+                                />
+                              )}{" "}
+                            </p>
 
-                          <InteractionPreview
-                            quotesCount={quotes}
-                            commentsCount={comments}
-                            recommendsCount={recommends}
-                            documentUri={doc.documents.uri}
-                            tags={tags}
-                            postUrl={docUrl}
-                            showComments={
-                              record?.preferences?.showComments !== false
-                            }
-                            showMentions={
-                              record?.preferences?.showMentions !== false
-                            }
-                            showRecommends={
-                              record?.preferences?.showRecommends !== false
-                            }
-                          />
+                            <InteractionPreview
+                              quotesCount={quotes}
+                              commentsCount={comments}
+                              recommendsCount={recommends}
+                              documentUri={doc.documents.uri}
+                              tags={tags}
+                              postUrl={docUrl}
+                              showComments={
+                                record?.preferences?.showComments !== false
+                              }
+                              showMentions={
+                                record?.preferences?.showMentions !== false
+                              }
+                              showRecommends={
+                                record?.preferences?.showRecommends !== false
+                              }
+                            />
+                          </div>
                         </div>
-                      </div>
-                      <hr className="last:hidden border-border-light" />
-                    </React.Fragment>
-                  );
-                })}
-            </div>
-          </PublicationHomeLayout>
-        </PublicationBackgroundProvider>
-      </PublicationThemeProvider>
+                        <hr className="last:hidden border-border-light" />
+                      </React.Fragment>
+                    );
+                  })}
+              </div>
+            </PublicationHomeLayout>
+          </PublicationBackgroundProvider>
+        </PublicationThemeProvider>
       </>
     );
   } catch (e) {