diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
index 60b682c7..ac18a03b 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
@@ -5,15 +5,17 @@
   fxLayoutAlign="center center"
 >
   <div class="add-option">
-    <i class="material-icons">
-      attach_file
-    </i>
-    <i class="material-icons">
-      sentiment_satisfied_alt
-    </i>
-    <i class="material-icons">
-      g_translate
-    </i>
+    <button mat-icon-button class="material-icons">
+      <mat-icon>attach_file</mat-icon>
+    </button>
+
+    <button mat-icon-button class="material-icons">
+      <mat-icon>sentiment_satisfied_alt</mat-icon>
+    </button>
+
+    <button mat-icon-button class="material-icons">
+      <mat-icon>g_translate</mat-icon>
+    </button>
   </div>
 
   <form