diff --git a/packages/chronicle/src/themes/paper/Layout.module.css b/packages/chronicle/src/themes/paper/Layout.module.css
index 27d98c4..11348e0 100644
--- a/packages/chronicle/src/themes/paper/Layout.module.css
+++ b/packages/chronicle/src/themes/paper/Layout.module.css
@@ -77,9 +77,14 @@
 
 .content {
   flex: 1;
+  margin-left: calc(-1 * var(--paper-sidebar-width));
   background: var(--rs-color-background-neutral-primary);
 }
 
+.contentFull {
+  margin-left: 0;
+}
+
 .hiddenTrigger {
   display: none;
 }
diff --git a/packages/chronicle/src/themes/paper/Layout.tsx b/packages/chronicle/src/themes/paper/Layout.tsx
index 974fdaa..4e58766 100644
--- a/packages/chronicle/src/themes/paper/Layout.tsx
+++ b/packages/chronicle/src/themes/paper/Layout.tsx
@@ -82,7 +82,7 @@ function LayoutInner({
             ) : null}
           </aside>
         ) : null}
-        <div className={cx(styles.content, classNames?.content)}>
+        <div className={cx(styles.content, classNames?.content, { [styles.contentFull]: !showSidebar })}>
           {config.search?.enabled && <Search classNames={{ trigger: styles.hiddenTrigger }} />}
           {children}
         </div>
diff --git a/packages/chronicle/src/themes/paper/Page.module.css b/packages/chronicle/src/themes/paper/Page.module.css
index ff5d0ed..85b9deb 100644
--- a/packages/chronicle/src/themes/paper/Page.module.css
+++ b/packages/chronicle/src/themes/paper/Page.module.css
@@ -1,15 +1,9 @@
 .main {
   flex: 1;
   width: 100%;
-  max-width: calc(1024px + var(--rs-space-17));
+  max-width: 1024px;
   margin: 0 auto;
   padding-top: var(--rs-space-12);
-  padding-right: var(--rs-space-17);
-}
-
-.readerMode {
-  padding-right: 0;
-  margin: 0 auto;
 }
 
 .navbar {
diff --git a/packages/chronicle/src/themes/paper/Page.tsx b/packages/chronicle/src/themes/paper/Page.tsx
index c5b0f7d..36e6e6a 100644
--- a/packages/chronicle/src/themes/paper/Page.tsx
+++ b/packages/chronicle/src/themes/paper/Page.tsx
@@ -41,7 +41,7 @@ export function Page({ page, tree }: ThemePageProps) {
 
   return (
     <>
-      <main className={`${styles.main} ${readerMode ? styles.readerMode : ''}`}>
+      <main className={styles.main}>
         <div className={styles.navbar}>
           <div className={styles.navLeft}>
             <div className={styles.arrows}>