diff --git a/packages/app/src/pages/post/[post_id].jsx b/packages/app/src/pages/post/[post_id].jsx
index db3107bb..9bea63a7 100644
--- a/packages/app/src/pages/post/[post_id].jsx
+++ b/packages/app/src/pages/post/[post_id].jsx
@@ -33,7 +33,7 @@ export default (props) => {
         return <antd.Skeleton active />
     }
 
-    return <div className="fullPost">
+    return <div className="postPage">
         <div className="postWrapper">
             <PostCard data={data} fullmode />
         </div>
diff --git a/packages/app/src/pages/post/index.less b/packages/app/src/pages/post/index.less
index 99f71ea9..ccf689bc 100644
--- a/packages/app/src/pages/post/index.less
+++ b/packages/app/src/pages/post/index.less
@@ -1,4 +1,4 @@
-.fullPost {
+.postPage {
     display: flex;
     flex-direction: row;
 
@@ -8,17 +8,19 @@
     overflow: hidden;
 
     .postWrapper {
-        height: 100vh;
-        width: 100%;
-
         margin: 0 10px;
+
+        width: 100%;
+        height: 100%;
+
+        max-width: 70vw;
     }
 
     .commentsWrapper {
         max-width: 600px;
         min-width: 400px;
 
-        width: 40%;
+        width: 100%;
         height: 100vh;
 
         overflow: scroll;