diff --git a/src/qml/Chat/TypingMembersBar.qml b/src/qml/Chat/TypingMembersBar.qml
index 5f671f6f..1ef9ed95 100644
--- a/src/qml/Chat/TypingMembersBar.qml
+++ b/src/qml/Chat/TypingMembersBar.qml
@@ -5,9 +5,13 @@ import "../Base"
 HRectangle {
     property alias label: typingLabel
 
+    color: HStyle.chat.typingMembers.background
     implicitWidth: childrenRect.width
     implicitHeight: typingLabel.text ? childrenRect.height : 0
-    color: HStyle.chat.typingMembers.background
+
+    Behavior on implicitHeight {
+        NumberAnimation { duration: HStyle.animationDuration }
+    }
 
     Row {
         spacing: 8