diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx
index b848aa3f..1720514a 100644
--- a/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx
@@ -51,7 +51,10 @@ export function Comments(props: {
   }, []);
 
   return (
-    <div id={"commentsDrawer"} className="flex flex-col gap-2 relative">
+    <div
+      id={"commentsDrawer"}
+      className="flex flex-col gap-2 relative text-sm text-secondary"
+    >
       <div className="w-full flex justify-between text-secondary font-bold">
         Comments
         <button
diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
index 7771432a..9869f9f9 100644
--- a/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
@@ -9,6 +9,7 @@ import { SandwichSpacer } from "components/LeafletLayout";
 import { decodeQuotePosition } from "../quotePosition";
 
 export const InteractionDrawer = (props: {
+  showPageBackground: boolean | undefined;
   document_uri: string;
   quotesAndMentions: { uri: string; link?: string }[];
   comments: Comment[];
@@ -38,7 +39,7 @@ export const InteractionDrawer = (props: {
       <div className="snap-center h-full  flex z-10 shrink-0  w-[calc(var(--page-width-units)-6px)] sm:w-[calc(var(--page-width-units))]">
         <div
           id="interaction-drawer"
-          className="opaque-container rounded-l-none! rounded-r-lg! h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6  overflow-scroll -ml-[1px] "
+          className={`opaque-container  h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6  overflow-scroll -ml-[1px] ${props.showPageBackground ? "rounded-l-none! rounded-r-lg!" : "rounded-lg! sm:mx-2"}`}
         >
           {drawer.drawer === "quotes" ? (
             <Quotes {...props} quotesAndMentions={filteredQuotesAndMentions} />
diff --git a/app/lish/[did]/[publication]/[rkey]/PostPages.tsx b/app/lish/[did]/[publication]/[rkey]/PostPages.tsx
index 13db075c..d60b23c9 100644
--- a/app/lish/[did]/[publication]/[rkey]/PostPages.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/PostPages.tsx
@@ -269,6 +269,7 @@ export function PostPages({
 
       {drawer && !drawer.pageId && (
         <InteractionDrawer
+          showPageBackground={pubRecord?.theme?.showPageBackground}
           document_uri={document.uri}
           comments={
             pubRecord?.preferences?.showComments === false
@@ -359,6 +360,7 @@ export function PostPages({
             />
             {drawer && drawer.pageId === page.id && (
               <InteractionDrawer
+                showPageBackground={pubRecord?.theme?.showPageBackground}
                 pageId={page.id}
                 document_uri={document.uri}
                 comments={