diff --git a/marko/page/logs-content/components/post/style.less b/marko/page/logs-content/components/post/style.less
index f056020..cb41ca1 100644
--- a/marko/page/logs-content/components/post/style.less
+++ b/marko/page/logs-content/components/post/style.less
@@ -26,6 +26,10 @@ div.post {
     a:hover {
       opacity: 1;
     }
+
+    @media screen and (max-width: 700px) {
+      width: calc(100% - 6.5ch);
+    }
   }
 
   div.post-body {
diff --git a/marko/page/story-content/components/chapter/style.less b/marko/page/story-content/components/chapter/style.less
index a245502..dd658f6 100644
--- a/marko/page/story-content/components/chapter/style.less
+++ b/marko/page/story-content/components/chapter/style.less
@@ -40,6 +40,10 @@
     a:hover {
       opacity: 1;
     }
+
+    @media screen and (max-width: 700px) {
+      width: calc(100% - 6.5ch);
+    }
   }
 
   div.chapter-content {