diff --git a/client/imports/pages/chat/messages-page.component.html b/client/imports/pages/chat/messages-page.component.html
index 0c435de..9e6483e 100644
--- a/client/imports/pages/chat/messages-page.component.html
+++ b/client/imports/pages/chat/messages-page.component.html
@@ -22,4 +22,20 @@
       </div>
     </div>
   </ion-scroll>
-</ion-content>
\ No newline at end of file
+</ion-content>
+
+<ion-footer>
+  <ion-toolbar whatsapp class="messages-page-footer" position="bottom">
+    <ion-input [(ngModel)]="message" (keypress)="onInputKeypress($event)" class="message-editor" placeholder="Type a message"></ion-input>
+
+    <ion-buttons end>
+      <button ion-button icon-only *ngIf="message" class="message-editor-button" (click)="sendMessage()">
+        <ion-icon name="send"></ion-icon>
+      </button>
+
+      <button ion-button icon-only *ngIf="!message" class="message-editor-button">
+        <ion-icon name="mic"></ion-icon>
+      </button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>
\ No newline at end of file