diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
index 9869f9f9..9283aa1c 100644
--- a/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
@@ -36,10 +36,10 @@ export const InteractionDrawer = (props: {
   return (
     <>
       <SandwichSpacer noWidth />
-      <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 className="snap-center h-full  flex z-10 shrink-0 sm:max-w-prose sm:w-full w-[calc(100vw-12px)]">
         <div
           id="interaction-drawer"
-          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"}`}
+          className={`opaque-container  h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6  overflow-scroll  ${props.showPageBackground ? "rounded-l-none! rounded-r-lg! -ml-[1px]" : "rounded-lg! sm:ml-4"}`}
         >
           {drawer.drawer === "quotes" ? (
             <Quotes {...props} quotesAndMentions={filteredQuotesAndMentions} />
diff --git a/components/Pages/PublicationMetadata.tsx b/components/Pages/PublicationMetadata.tsx
index cc111575..70f5f121 100644
--- a/components/Pages/PublicationMetadata.tsx
+++ b/components/Pages/PublicationMetadata.tsx
@@ -118,7 +118,10 @@ export const PublicationMetadata = () => {
             {tags && (
               <>
                 <AddTags />
-                <Separator classname="h-4!" />
+                {pubRecord?.preferences?.showMentions ||
+                pubRecord?.preferences?.showComments ? (
+                  <Separator classname="h-4!" />
+                ) : null}
               </>
             )}
             {pubRecord?.preferences?.showMentions && (
diff --git a/components/ThemeManager/Pickers/PageWidthSetter.tsx b/components/ThemeManager/Pickers/PageWidthSetter.tsx
index e075d8ba..30eeb5d3 100644
--- a/components/ThemeManager/Pickers/PageWidthSetter.tsx
+++ b/components/ThemeManager/Pickers/PageWidthSetter.tsx
@@ -89,7 +89,7 @@ export const PageWidthSetter = (props: {
                 <div
                   className={`w-full cursor-pointer ${selectedPreset === "default" ? "text-[#595959]" : "text-[#969696]"}`}
                 >
-                  default (624px)
+                  default ({defaultPreset}px)
                 </div>
               </Radio>
             </label>
@@ -111,7 +111,7 @@ export const PageWidthSetter = (props: {
                 <div
                   className={`w-full cursor-pointer ${selectedPreset === "wide" ? "text-[#595959]" : "text-[#969696]"}`}
                 >
-                  wide (756px)
+                  wide ({widePreset}px)
                 </div>
               </Radio>
             </label>
diff --git a/components/ThemeManager/PubPickers/PubPageWidthSetter.tsx b/components/ThemeManager/PubPickers/PubPageWidthSetter.tsx
index 9143fa7b..dd28017b 100644
--- a/components/ThemeManager/PubPickers/PubPageWidthSetter.tsx
+++ b/components/ThemeManager/PubPickers/PubPageWidthSetter.tsx
@@ -76,7 +76,7 @@ export const PubPageWidthSetter = (props: {
               <div
                 className={`w-full cursor-pointer ${selectedPreset === "default" ? "text-[#595959]" : "text-[#969696]"}`}
               >
-                default (624px)
+                default ({defaultPreset}px)
               </div>
             </Radio>
           </label>
@@ -98,7 +98,7 @@ export const PubPageWidthSetter = (props: {
               <div
                 className={`w-full cursor-pointer ${selectedPreset === "wide" ? "text-[#595959]" : "text-[#969696]"}`}
               >
-                wide (756px)
+                wide ({widePreset}px)
               </div>
             </Radio>
           </label>