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
>
Bluesky Quotes
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
>
{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(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 &&