Fix MessageInput width

2 files changed, 1 insertions, 3 deletions

diff --git a/vnext/src/ui/MessageInput.js b/vnext/src/ui/MessageInput.js
index fc3596cc..17c98c2a 100644
--- a/vnext/src/ui/MessageInput.js
+++ b/vnext/src/ui/MessageInput.js
@@ -60,7 +60,7 @@ export default function MessageInput({ text, data, rows, children, onSend }) {
         updateFocus();
     };
     return (
-        <form className="msg-comment-target" style={{ padding: '12px' }} onSubmit={onSubmit}>
+        <form className="msg-comment-target" style={{ padding: '12px', width: '100%' }} onSubmit={onSubmit}>
             <div style={commentStyle}>
                 <textarea onChange={textChanged} onKeyPress={handleCtrlEnter}
                     ref={textareaRef} style={textInputStyle}
diff --git a/vnext/src/ui/Thread.js b/vnext/src/ui/Thread.js
index 6ebef0dc..cc0dbac2 100644
--- a/vnext/src/ui/Thread.js
+++ b/vnext/src/ui/Thread.js
@@ -96,11 +96,9 @@ function Comment({ msg, draft, visitor, active, setActive, onStartEditing, postC
         </div>
       }
       <div className="embedContainer" ref={embedRef} />
-      <div className="msg-links">
         {
           active === msg.rid && <MessageInput data={msg} text={draft || ''} onSend={postComment}>Write a comment...</MessageInput>
         }
-      </div>
     </div>
   );
 }