diff --git a/package.json b/package.json
index cf58417..6752369 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,8 @@
     "svg-inline-loader": "^0.8.0",
     "url-loader": "^0.6.2",
     "webpack": "2.3.3",
-    "webpack-dev-server": "^3.1.11"
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^2.9.4"
   },
   "dependencies": {
     "babel-polyfill": "^6.26.0",
diff --git a/src/components/pages/ambassadorDetail/index.js b/src/components/pages/ambassadorDetail/index.js
index 2690508..be06b8c 100644
--- a/src/components/pages/ambassadorDetail/index.js
+++ b/src/components/pages/ambassadorDetail/index.js
@@ -76,9 +76,9 @@ class AmbassadorDetail extends React.Component {
                         <p>Ask them a question.</p>
                         <p>Request a meetup!</p>
                         <form onSubmit={e => e.preventDefault()}>
-                            <input value={this.state.messageText} type="text" placeholder="Write something.." onChange={this.onChange}/>
-                            <Button onClick={this.sendMessage} color="green" disabled={disabled}>Send</Button>
+                            <textarea style={{ width: '460px', height: '100px'}} value={this.state.messageText} type="text" placeholder="Write something..." onChange={this.onChange}/>
                         </form>
+                        <Button style={{ alignSelf: 'center' }} onClick={this.sendMessage} color="green" disabled={disabled}>Send</Button>
                     </Modal>     : null}
                 {this.state.showReportModal ? 
                     <Modal