diff --git a/src/skins/vector/css/molecules/MessageComposer.css b/src/skins/vector/css/molecules/MessageComposer.css
index bd93f630a..fbbeef645 100644
--- a/src/skins/vector/css/molecules/MessageComposer.css
+++ b/src/skins/vector/css/molecules/MessageComposer.css
@@ -16,29 +16,25 @@ limitations under the License.
.mx_MessageComposer_wrapper {
max-width: 960px;
- height: 70px;
vertical-align: middle;
margin: auto;
- background-color: #fff;
border-top: 2px solid #e1dddd;
}
.mx_MessageComposer_row {
display: table-row;
width: 100%;
- height: 70px;
}
.mx_MessageComposer .mx_MessageComposer_avatar {
display: table-cell;
padding-left: 10px;
padding-right: 28px;
- height: 70px;
+ vertical-align: middle;
}
.mx_MessageComposer .mx_MessageComposer_avatar .mx_MemberAvatar {
display: block;
- margin-top: 18px;
}
.mx_MessageComposer_input {
@@ -49,17 +45,18 @@ limitations under the License.
}
.mx_MessageComposer_input textarea {
+ display: block;
font-size: 15px;
width: 100%;
- height: 1.2em;
- padding-top: 0.7em;
- padding-bottom: 0.7em;
+ padding: 0px;
+ margin-top: 6px;
+ margin-bottom: 6px;
border: 0px;
resize: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
/* needed for FF */
font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;
diff --git a/src/skins/vector/css/organisms/RoomView.css b/src/skins/vector/css/organisms/RoomView.css
index 191742f51..94fff2906 100644
--- a/src/skins/vector/css/organisms/RoomView.css
+++ b/src/skins/vector/css/organisms/RoomView.css
@@ -236,8 +236,8 @@ limitations under the License.
order: 5;
width: 100%;
- -webkit-flex: 0 0 70px;
- flex: 0 0 70px;
+ -webkit-flex: 0;
+ flex: 0;
margin-right: 2px;
}
diff --git a/src/skins/vector/views/molecules/MessageComposer.js b/src/skins/vector/views/molecules/MessageComposer.js
index c75aaa142..2f0e7ac57 100644
--- a/src/skins/vector/views/molecules/MessageComposer.js
+++ b/src/skins/vector/views/molecules/MessageComposer.js
@@ -61,7 +61,7 @@ module.exports = React.createClass({