diff --git a/app/lish/[did]/[publication]/page.tsx b/app/lish/[did]/[publication]/page.tsx
index 20487e88..aa1ac273 100644
--- a/app/lish/[did]/[publication]/page.tsx
+++ b/app/lish/[did]/[publication]/page.tsx
@@ -69,7 +69,7 @@ export default async function Publication(props: {
         >
           <PublicationHomeLayout
             uri={publication.uri}
-            showPageBackground={showPageBackground}
+            showPageBackground={!!showPageBackground}
           >
             <div className="pubHeader flex flex-col pb-8 w-full text-center justify-center ">
               {record?.icon && (
diff --git a/components/Pages/Page.tsx b/components/Pages/Page.tsx
index 59b5183c..fffb4a39 100644
--- a/components/Pages/Page.tsx
+++ b/components/Pages/Page.tsx
@@ -84,7 +84,7 @@ export const PageWrapper = (props: {
   pageType: "canvas" | "doc";
   drawerOpen: boolean | undefined;
 }) => {
-  let { ref } = usePreserveScroll(props.id);
+  let { ref } = usePreserveScroll<HTMLDivElement>(props.id);
   return (
     // this div wraps the contents AND the page options.
     // it needs to be its own div because this container does NOT scroll, and therefore doesn't clip the absolutely positioned pageOptions