diff --git a/src/ui/web/css/room.css b/src/ui/web/css/room.css
index 827b3b1b..e57af8e5 100644
--- a/src/ui/web/css/room.css
+++ b/src/ui/web/css/room.css
@@ -61,6 +61,7 @@ limitations under the License.
 
 .MessageComposer {
     display: flex;
+    align-items: center;
 }
 
 .MessageComposer > input {
diff --git a/src/ui/web/css/themes/element/theme.css b/src/ui/web/css/themes/element/theme.css
index f347fc46..f3440ef5 100644
--- a/src/ui/web/css/themes/element/theme.css
+++ b/src/ui/web/css/themes/element/theme.css
@@ -383,15 +383,25 @@ button.back {
 
 .MessageComposer {
     border-top: 1px solid rgba(245, 245, 245, 0.90);
+    padding: 8px 16px;
+}
+
+.MessageComposer > :not(:first-child) {
+    margin-left: 12px;
 }
 
 .MessageComposer > input {
-    padding: 0.8em;
+    padding: 0 16px;
     border: none;
+    border-radius: 24px;
+    background: #F6F6F6;
+    height: 48px;
+    line-height: 48px;
+    font-size: 14px;
+    font-family: "Inter", sans-serif;
 }
 
 .MessageComposer > button.send {
-    margin: 8px;
     width: 32px;
     height: 32px;
     display: block;