diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html
index 27f3229a..b2ec202a 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html
@@ -181,6 +181,7 @@
     (fileDragLeave)="onFileDragLeave()"
   >
     <!-- CHAT MESSAGES -->
+    <button mat-stroked-button class=" icon-button text-accent-darkest"><i class="mid  mdi-arrow-collapse-down"></i></button>
 
     <ucap-chat-messages
       #chatMessages
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
index 1960830b..b94312d5 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
@@ -115,6 +115,21 @@
   background: transparent;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
+  .icon-button {
+    position: absolute;
+    right: 20px;
+    top: 14px;
+    z-index: 100;
+    padding: 0 0px;
+    line-height: unset;
+    min-width: 28px;
+    height: 28px;
+    background: #ffffff;
+    border-radius: 3px;
+    &:not([disabled]) {
+      box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
+    }
+  }
 
   .file-drop-zone-container {
     position: absolute;