diff --git a/packages/app/src/components/PostCard/components/attachments/index.less b/packages/app/src/components/PostCard/components/attachments/index.less
index 4774079a..bac3e79a 100755
--- a/packages/app/src/components/PostCard/components/attachments/index.less
+++ b/packages/app/src/components/PostCard/components/attachments/index.less
@@ -1,6 +1,4 @@
 .post_attachments {
-    position: relative;
-
     display: flex;
 
     width: 100%;
diff --git a/packages/app/src/components/PostCard/components/header/index.less b/packages/app/src/components/PostCard/components/header/index.less
index a4a4fdde..9c63576f 100755
--- a/packages/app/src/components/PostCard/components/header/index.less
+++ b/packages/app/src/components/PostCard/components/header/index.less
@@ -1,15 +1,15 @@
 .post_header {
-    display: inline-flex;
+    display: flex;
     flex-direction: row;
     justify-content: space-between;
 
+    margin-bottom: 15px;
+
     .user {
         display: inline-flex;
         flex-direction: row;
         align-items: center;
 
-        margin-bottom: 15px;
-
         >div {
             margin-right: 10px;
         }
diff --git a/packages/app/src/components/PostCard/index.jsx b/packages/app/src/components/PostCard/index.jsx
index 9b141c8c..e4b6d8c1 100755
--- a/packages/app/src/components/PostCard/index.jsx
+++ b/packages/app/src/components/PostCard/index.jsx
@@ -167,46 +167,45 @@ export default class PostCard extends React.PureComponent {
             context-menu={"postCard-context"}
             user-id={this.props.data.user_id}
         >
-            <div className="wrapper">
-                <PostHeader
-                    postData={this.props.data}
-                    onDoubleClick={this.onDoubleClick}
-                />
-                <div
-                    id="post_content"
-                    className={classnames(
-                        "post_content",
-                        {
-                            ["nsfw"]: this.state.isNsfw && !this.state.nsfwAccepted,
-                        }
-                    )}
-                >
+            <PostHeader
+                postData={this.props.data}
+                onDoubleClick={this.onDoubleClick}
+            />
+
+            <div
+                id="post_content"
+                className={classnames(
+                    "post_content",
                     {
-                        this.state.isNsfw && !this.state.nsfwAccepted &&
-                        <div className="nsfw_alert">
-                            <h2>
-                                This post may contain sensitive content.
-                            </h2>
-
-                            <antd.Button onClick={() => this.setState({ nsfwAccepted: true })}>
-                                Show anyways
-                            </antd.Button>
-                        </div>
+                        ["nsfw"]: this.state.isNsfw && !this.state.nsfwAccepted,
                     }
+                )}
+            >
+                {
+                    this.state.isNsfw && !this.state.nsfwAccepted &&
+                    <div className="nsfw_alert">
+                        <h2>
+                            This post may contain sensitive content.
+                        </h2>
 
-                    <div className="message">
-                        {
-                            processString(messageRegexs)(this.props.data.message ?? "")
-                        }
+                        <antd.Button onClick={() => this.setState({ nsfwAccepted: true })}>
+                            Show anyways
+                        </antd.Button>
                     </div>
+                }
 
+                <div className="message">
                     {
-                        this.props.data.attachments && this.props.data.attachments.length > 0 && <PostAttachments
-                            attachments={this.props.data.attachments}
-                        />
+                        processString(messageRegexs)(this.props.data.message ?? "")
                     }
-
                 </div>
+
+                {
+                    this.props.data.attachments && this.props.data.attachments.length > 0 && <PostAttachments
+                        attachments={this.props.data.attachments}
+                    />
+                }
+
             </div>
 
             <PostActions
diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less
index b6258675..11d9763e 100755
--- a/packages/app/src/components/PostCard/index.less
+++ b/packages/app/src/components/PostCard/index.less
@@ -6,6 +6,10 @@
     min-width: 300px;
     max-width: 600px;
 
+    min-height: 165px;
+    height: fit-content;
+    max-width: 800px;
+
     background-color: var(--background-color-accent);
 
     transition: all 150ms ease-in-out;
@@ -18,23 +22,10 @@
 
     overflow: hidden;
 
-    .wrapper {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: center;
-
-        width: 100%;
-
-        transition: all 0.2s ease-in-out;
-
-        >div {
-            width: 100%;
-        }
-    }
-
     .post_content {
         position: relative;
-        display: inline-flex;
+        
+        display: flex;
         flex-direction: column;
         align-items: flex-start;