Fix Post layout

2 files changed, 5 insertions, 7 deletions

diff --git a/vnext/src/components/Post.js b/vnext/src/components/Post.js
index 1776fe78..3fdb0361 100644
--- a/vnext/src/components/Post.js
+++ b/vnext/src/components/Post.js
@@ -41,12 +41,10 @@ export default class Post extends React.Component {
   }
   render() {
     return (
-      <div className="msgs">
-        <div className="msg-cont">
-          <MessageInput rows="7" text={this.state.body} data={{ mid: 0, timestamp: '0' }} onSend={this.postMessage}>
-            *weather It is very cold today!
-      </MessageInput>
-        </div>
+      <div className="msg-cont">
+        <MessageInput rows="7" text={this.state.body} data={{ mid: 0, timestamp: '0' }} onSend={this.postMessage}>
+          *weather It is very cold today!
+          </MessageInput>
       </div>
     );
   }
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 1bc07d1d..726c2cba 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -46,7 +46,6 @@ img, hr {
     grid-template-areas: "header" "content" "footer";
     grid-template-columns: 1fr;
     grid-template-rows: min-content minmax(1fr, min-content) min-content;
-    min-height: 100vh;
     font: -apple-system-body;
     font-family: -apple-system, Segoe UI;
     transition: margin-left 0.4s;
@@ -225,6 +224,7 @@ img, hr {
     #content {
         grid-area: feed;
         width: 758px;
+        min-height: 100vh;
     }
     #sidebar {
         border: 0;