diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css
index 4d9675f4..1f85b217 100644
--- a/src/styles/components/reader.css
+++ b/src/styles/components/reader.css
@@ -74,6 +74,15 @@
 .mark-as-read-btn:disabled { opacity: 0.6; cursor: not-allowed; }
 .mark-as-read-btn svg { font-size: 1.1rem; }
 @media (max-width: 768px) {
+  .reader {
+    max-width: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0.5rem;
+    border-radius: 0;
+    border-left: none;
+    border-right: none;
+  }
   .mark-as-read-container { padding: 1.5rem 1rem; }
   .mark-as-read-btn { width: 100%; max-width: 300px; }
 }
diff --git a/src/styles/layout/app.css b/src/styles/layout/app.css
index 1740d0cb..bda3d5bc 100644
--- a/src/styles/layout/app.css
+++ b/src/styles/layout/app.css
@@ -123,8 +123,9 @@
   .pane.main { 
     grid-column: 1; 
     grid-row: 1; 
-    padding: 0.5rem; 
+    padding: 0; 
     max-width: 100%; 
+    width: 100%;
     transition: opacity 0.2s ease;
   }
   /* Hide main content when sidepanes are open on mobile */