From 8f68be5863d8e7c1944cc5ce848a9a9fc6a032aa Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Sat, 24 Jan 2026 03:29:12 -0500
Subject: [PATCH] fixing the width of thread and quote pages so they don't get
 too wide

---
 app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx | 1 +
 app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx        | 1 +
 components/Pages/Page.tsx                                 | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx b/app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx
index bf1eede2..0d982e50 100644
--- a/app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx
@@ -43,6 +43,7 @@ export function BlueskyQuotesPage(props: {
       id={`post-page-${pageId}`}
       drawerOpen={false}
       pageOptions={pageOptions}
+      fixedWidth
     >
       <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4">
         <h4 className="text-secondary font-bold mb-2">Bluesky Quotes</h4>
diff --git a/app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx b/app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
index d6ba347f..c5e2dce6 100644
--- a/app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
@@ -51,6 +51,7 @@ export function ThreadPage(props: {
       id={`post-page-${pageId}`}
       drawerOpen={false}
       pageOptions={pageOptions}
+      fixedWidth
     >
       <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4 w-full">
         {isLoading ? (
diff --git a/components/Pages/Page.tsx b/components/Pages/Page.tsx
index 78ffdbcf..623a3adf 100644
--- a/components/Pages/Page.tsx
+++ b/components/Pages/Page.tsx
@@ -80,6 +80,7 @@ export const PageWrapper = (props: {
   onClickAction?: (e: React.MouseEvent) => void;
   pageType: "canvas" | "doc";
   drawerOpen: boolean | undefined;
+  fixedWidth?: boolean;
 }) => {
   const cardBorderHidden = useCardBorderHidden();
   let { ref } = usePreserveScroll<HTMLDivElement>(props.id);
@@ -112,7 +113,7 @@ export const PageWrapper = (props: {
       }
       ${cardBorderHidden && "sm:h-[calc(100%+48px)] h-[calc(100%+20px)] sm:-my-6 -my-3 sm:pt-6 pt-3"}
       ${props.fullPageScroll && "max-w-full "}
-    ${props.pageType === "doc" && !props.fullPageScroll && "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]"}
+    ${props.pageType === "doc" && !props.fullPageScroll ? (props.fixedWidth ? "sm:max-w-prose max-w-[var(--page-width-units)]" : "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]") : ""}
     ${
       props.pageType === "canvas" &&
       !props.fullPageScroll &&
-- 
2.51.2