diff --git a/app/src/main/java/chat/rocket/android/chatroom/adapter/BaseViewHolder.kt b/app/src/main/java/chat/rocket/android/chatroom/adapter/BaseViewHolder.kt
index 68b420e7d5..3af85f18ef 100644
--- a/app/src/main/java/chat/rocket/android/chatroom/adapter/BaseViewHolder.kt
+++ b/app/src/main/java/chat/rocket/android/chatroom/adapter/BaseViewHolder.kt
@@ -18,13 +18,12 @@ import chat.rocket.android.util.extensions.toList
 import chat.rocket.core.model.Message
 import chat.rocket.core.model.isSystemMessage
 import com.google.android.flexbox.FlexDirection
-import com.google.android.flexbox.FlexWrap
 import com.google.android.flexbox.FlexboxLayoutManager
 import com.google.android.flexbox.JustifyContent
 
 abstract class BaseViewHolder<T : BaseUiModel<*>>(
     itemView: View,
-    private val listener: ActionsListener,
+    private val listener: ActionsListener? = null,
     var reactionListener: EmojiReactionListener? = null
 ) : RecyclerView.ViewHolder(itemView),
     MenuItem.OnMenuItemClickListener {
@@ -63,7 +62,7 @@ abstract class BaseViewHolder<T : BaseUiModel<*>>(
                     }
 
                     override fun onReactionLongClicked(shortname: String, isCustom: Boolean, url: String?, usernames: List<String>) {
-                        reactionListener?.onReactionLongClicked(shortname, isCustom,url, usernames)
+                        reactionListener?.onReactionLongClicked(shortname, isCustom, url, usernames)
                     }
                 }
 
@@ -119,7 +118,7 @@ abstract class BaseViewHolder<T : BaseUiModel<*>>(
     }
 
     internal fun setupActionMenu(view: View) {
-        if (listener.isActionsEnabled()) {
+        if (listener?.isActionsEnabled() == true) {
             view.setOnClickListener(onClickListener)
             if (view is ViewGroup) {
                 for (child in view.children) {
@@ -133,7 +132,7 @@ abstract class BaseViewHolder<T : BaseUiModel<*>>(
 
     override fun onMenuItemClick(item: MenuItem): Boolean {
         data?.let {
-            listener.onActionSelected(item, it.message)
+            listener?.onActionSelected(item, it.message)
         }
         return true
     }
diff --git a/app/src/main/java/chat/rocket/android/chatroom/adapter/ChatRoomAdapter.kt b/app/src/main/java/chat/rocket/android/chatroom/adapter/ChatRoomAdapter.kt
index d574952c00..049f747974 100644
--- a/app/src/main/java/chat/rocket/android/chatroom/adapter/ChatRoomAdapter.kt
+++ b/app/src/main/java/chat/rocket/android/chatroom/adapter/ChatRoomAdapter.kt
@@ -14,6 +14,7 @@ import chat.rocket.android.chatroom.uimodel.AttachmentUiModel
 import chat.rocket.android.chatroom.uimodel.BaseUiModel
 import chat.rocket.android.chatroom.uimodel.MessageReplyUiModel
 import chat.rocket.android.chatroom.uimodel.MessageUiModel
+import chat.rocket.android.chatroom.uimodel.SystemMessageUiModel
 import chat.rocket.android.chatroom.uimodel.UrlPreviewUiModel
 import chat.rocket.android.chatroom.uimodel.toViewType
 import chat.rocket.android.emoji.EmojiReactionListener
@@ -24,7 +25,6 @@ import chat.rocket.core.model.attachment.actions.Action
 import chat.rocket.core.model.attachment.actions.ButtonAction
 import chat.rocket.core.model.isSystemMessage
 import timber.log.Timber
-import java.security.InvalidParameterException
 
 class ChatRoomAdapter(
     private val roomId: String? = null,
@@ -49,6 +49,13 @@ class ChatRoomAdapter(
                 MessageViewHolder(
                     view,
                     actionsListener,
+                    reactionListener
+                ) { userId -> navigator?.toUserDetails(userId) }
+            }
+            BaseUiModel.ViewType.SYSTEM_MESSAGE -> {
+                val view = parent.inflate(R.layout.item_system_message)
+                SystemMessageViewHolder(
+                    view,
                     reactionListener,
                     { userId -> navigator?.toUserDetails(userId) },
                     {
@@ -81,9 +88,6 @@ class ChatRoomAdapter(
                     actionSelectListener?.openDirectMessage(roomName, permalink)
                 }
             }
-            else -> {
-                throw InvalidParameterException("TODO - implement for ${viewType.toViewType()}")
-            }
         }
     }
 
@@ -112,13 +116,14 @@ class ChatRoomAdapter(
         when (holder) {
             is MessageViewHolder ->
                 holder.bind(dataSet[position] as MessageUiModel)
-            is UrlPreviewViewHolder -> {
+            is SystemMessageViewHolder ->
+                holder.bind(dataSet[position] as SystemMessageUiModel)
+            is UrlPreviewViewHolder ->
                 holder.bind(dataSet[position] as UrlPreviewUiModel)
-            }
-            is MessageReplyViewHolder ->
-                holder.bind(dataSet[position] as MessageReplyUiModel)
             is AttachmentViewHolder ->
                 holder.bind(dataSet[position] as AttachmentUiModel)
+            is MessageReplyViewHolder ->
+                holder.bind(dataSet[position] as MessageReplyUiModel)
         }
     }
 
diff --git a/app/src/main/java/chat/rocket/android/chatroom/adapter/MessageViewHolder.kt b/app/src/main/java/chat/rocket/android/chatroom/adapter/MessageViewHolder.kt
index 7773d483d3..22a83afc43 100644
--- a/app/src/main/java/chat/rocket/android/chatroom/adapter/MessageViewHolder.kt
+++ b/app/src/main/java/chat/rocket/android/chatroom/adapter/MessageViewHolder.kt
@@ -10,7 +10,6 @@ import androidx.core.view.isVisible
 import chat.rocket.android.R
 import chat.rocket.android.chatroom.uimodel.MessageUiModel
 import chat.rocket.android.emoji.EmojiReactionListener
-import chat.rocket.core.model.MessageType
 import chat.rocket.core.model.isSystemMessage
 import com.bumptech.glide.load.resource.gif.GifDrawable
 import kotlinx.android.synthetic.main.avatar.view.*
@@ -20,8 +19,7 @@ class MessageViewHolder(
     itemView: View,
     listener: ActionsListener,
     reactionListener: EmojiReactionListener? = null,
-    private val avatarListener: (String) -> Unit,
-    private val joinVideoCallListener: (View) -> Unit
+    private val avatarListener: (String) -> Unit
 ) : BaseViewHolder<MessageUiModel>(itemView, listener, reactionListener), Drawable.Callback {
 
     init {
@@ -53,9 +51,6 @@ class MessageViewHolder(
 
             text_content.text_content.text = data.content
 
-            button_join_video_call.isVisible = data.message.type is MessageType.JitsiCallStarted
-            button_join_video_call.setOnClickListener { joinVideoCallListener(it) }
-
             image_avatar.setImageURI(data.avatar)
             text_content.setTextColor(if (data.isTemporary) Color.GRAY else Color.BLACK)
 
diff --git a/app/src/main/java/chat/rocket/android/chatroom/adapter/SystemMessageViewHolder.kt b/app/src/main/java/chat/rocket/android/chatroom/adapter/SystemMessageViewHolder.kt
new file mode 100644
index 0000000000..aa2d4bdd2b
--- /dev/null
+++ b/app/src/main/java/chat/rocket/android/chatroom/adapter/SystemMessageViewHolder.kt
@@ -0,0 +1,50 @@
+package chat.rocket.android.chatroom.adapter
+
+import android.graphics.Color
+import android.text.method.LinkMovementMethod
+import android.view.View
+import androidx.core.view.isVisible
+import chat.rocket.android.chatroom.uimodel.SystemMessageUiModel
+import chat.rocket.android.emoji.EmojiReactionListener
+import chat.rocket.core.model.MessageType
+import kotlinx.android.synthetic.main.avatar.view.*
+import kotlinx.android.synthetic.main.item_system_message.view.*
+
+class SystemMessageViewHolder(
+    itemView: View,
+    reactionListener: EmojiReactionListener? = null,
+    private val avatarListener: (String) -> Unit,
+    private val joinVideoCallListener: (View) -> Unit
+) : BaseViewHolder<SystemMessageUiModel>(itemView, null, reactionListener) {
+
+    init {
+        with(itemView) {
+            setupActionMenu(message_container)
+            text_content.movementMethod = LinkMovementMethod()
+        }
+    }
+
+    override fun bindViews(data: SystemMessageUiModel) {
+        with(itemView) {
+            day.text = data.currentDayMarkerText
+            day_marker_layout.isVisible = data.showDayMarker
+
+            new_messages_notif.isVisible = data.isFirstUnread
+
+            text_sender.text = data.senderName
+            text_content.text_content.text = data.content
+
+            button_join_video_call.isVisible = data.message.type is MessageType.JitsiCallStarted
+            button_join_video_call.setOnClickListener { joinVideoCallListener(it) }
+
+            image_avatar.setImageURI(data.avatar)
+            text_content.setTextColor(if (data.isTemporary) Color.GRAY else Color.BLACK)
+
+            setOnClickListener {
+                data.message.sender?.id?.let { userId ->
+                    avatarListener(userId)
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/chat/rocket/android/chatroom/presentation/ChatRoomPresenter.kt b/app/src/main/java/chat/rocket/android/chatroom/presentation/ChatRoomPresenter.kt
index 9d45891e8f..df5aa08653 100644
--- a/app/src/main/java/chat/rocket/android/chatroom/presentation/ChatRoomPresenter.kt
+++ b/app/src/main/java/chat/rocket/android/chatroom/presentation/ChatRoomPresenter.kt
@@ -172,7 +172,6 @@ class ChatRoomPresenter @Inject constructor(
                     )
                 }
 
-
             /*FIXME:  Get chat role can cause unresponsive problems especially on slower connections
                       We are updating the room again after the first step so that initial messages
                       get loaded in and the system appears more responsive.  Something should be
diff --git a/app/src/main/java/chat/rocket/android/chatroom/uimodel/SystemMessageUiModel.kt b/app/src/main/java/chat/rocket/android/chatroom/uimodel/SystemMessageUiModel.kt
new file mode 100644
index 0000000000..9c058fb1c1
--- /dev/null
+++ b/app/src/main/java/chat/rocket/android/chatroom/uimodel/SystemMessageUiModel.kt
@@ -0,0 +1,31 @@
+package chat.rocket.android.chatroom.uimodel
+
+import chat.rocket.android.R
+import chat.rocket.core.model.Message
+
+data class SystemMessageUiModel(
+    override val message: Message,
+    override val rawData: Message,
+    override val messageId: String,
+    override val avatar: String,
+    override val time: CharSequence,
+    override val senderName: CharSequence,
+    override val content: CharSequence,
+    override val isPinned: Boolean,
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var unread: Boolean? = null,
+    var isFirstUnread: Boolean,
+    override var isTemporary: Boolean = false,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var permalink: String,
+    val subscriptionId: String
+) : BaseMessageUiModel<Message> {
+    override val viewType: Int
+        get() = BaseUiModel.ViewType.SYSTEM_MESSAGE.viewType
+    override val layoutId: Int
+        get() = R.layout.item_system_message
+}
\ No newline at end of file
diff --git a/app/src/main/java/chat/rocket/android/chatroom/uimodel/UiModelMapper.kt b/app/src/main/java/chat/rocket/android/chatroom/uimodel/UiModelMapper.kt
index 4a1be35286..39cdaf16d9 100644
--- a/app/src/main/java/chat/rocket/android/chatroom/uimodel/UiModelMapper.kt
+++ b/app/src/main/java/chat/rocket/android/chatroom/uimodel/UiModelMapper.kt
@@ -140,15 +140,23 @@ class UiModelMapper @Inject constructor(
                     list.addAll(it)
                 }
 
-                mapMessage(message, chatRoom).let {
-                    if (list.isNotEmpty()) {
-                        it.preview = list.first().preview
+                if (message.isSystemMessage()) {
+                    mapSystemMessage(message, chatRoom).let {
+                        if (list.isNotEmpty()) {
+                            it.preview = list.first().preview
+                        }
+                        list.add(it)
+                    }
+                } else {
+                    mapMessage(message, chatRoom).let {
+                        if (list.isNotEmpty()) {
+                            it.preview = list.first().preview
+                        }
+                        list.add(it)
                     }
-                    list.add(it)
                 }
             }
 
-
             for (i in list.size - 1 downTo 0) {
                 val next = if (i - 1 < 0) null else list[i - 1]
                 list[i].nextDownStreamMessage = next
@@ -217,11 +225,20 @@ class UiModelMapper @Inject constructor(
             val list = ArrayList<BaseUiModel<*>>()
 
             getChatRoomAsync(message.roomId)?.let { chatRoom ->
-                mapMessage(message, chatRoom).let {
-                    if (list.isNotEmpty()) {
-                        it.preview = list.first().preview
+                if (message.isSystemMessage()) {
+                    mapSystemMessage(message, chatRoom).let {
+                        if (list.isNotEmpty()) {
+                            it.preview = list.first().preview
+                        }
+                        list.add(it)
+                    }
+                } else {
+                    mapMessage(message, chatRoom).let {
+                        if (list.isNotEmpty()) {
+                            it.preview = list.first().preview
+                        }
+                        list.add(it)
                     }
-                    list.add(it)
                 }
 
                 message.attachments?.forEach {
@@ -268,6 +285,34 @@ class UiModelMapper @Inject constructor(
             senderUsername != currentUsername
     }
 
+    private suspend fun mapSystemMessage(
+        message: Message,
+        chatRoom: ChatRoom
+    ): SystemMessageUiModel = withContext(Dispatchers.IO) {
+        val sender = getSenderName(message)
+        val time = getTime(message.timestamp)
+        val avatar = getUserAvatar(message)
+        val preview = mapMessagePreview(message)
+        val synced = message.synced
+        val unread = if (settings.messageReadReceiptEnabled()) {
+            message.unread ?: false
+        } else {
+            null
+        }
+
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+        val permalink = messageHelper.createPermalink(message, chatRoom, false)
+
+        val content = getContent(stripMessageQuotes(message))
+        SystemMessageUiModel(message = stripMessageQuotes(message), rawData = message,
+            messageId = message.id, avatar = avatar!!, time = time, senderName = sender,
+            content = content, isPinned = message.pinned, currentDayMarkerText = dayMarkerText,
+            showDayMarker = false, reactions = getReactions(message), isFirstUnread = false,
+            preview = preview, isTemporary = !synced, unread = unread, permalink = permalink,
+            subscriptionId = chatRoom.subscriptionId)
+    }
+
     private fun mapMessageReply(message: Message, chatRoom: ChatRoom): MessageReplyUiModel {
         val name = message.sender?.name
         val roomName =
diff --git a/app/src/main/res/layout/avatar.xml b/app/src/main/res/layout/avatar.xml
index 64e38375cc..f400752124 100644
--- a/app/src/main/res/layout/avatar.xml
+++ b/app/src/main/res/layout/avatar.xml
@@ -1,9 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:layout_height="match_parent">
 
     <com.facebook.drawee.view.SimpleDraweeView
         android:id="@+id/image_avatar"
@@ -11,4 +10,4 @@
         android:layout_height="40dp"
         app:roundedCornerRadius="3dp" />
 
-</LinearLayout>
\ No newline at end of file
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/avatar_small.xml b/app/src/main/res/layout/avatar_small.xml
new file mode 100644
index 0000000000..2b729850de
--- /dev/null
+++ b/app/src/main/res/layout/avatar_small.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.facebook.drawee.view.SimpleDraweeView
+        android:id="@+id/image_avatar"
+        android:layout_width="20dp"
+        android:layout_height="20dp"
+        app:roundedCornerRadius="1.5dp" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_file_attachment.xml b/app/src/main/res/layout/item_file_attachment.xml
index 9c9830aea0..2083e7f134 100644
--- a/app/src/main/res/layout/item_file_attachment.xml
+++ b/app/src/main/res/layout/item_file_attachment.xml
@@ -12,7 +12,6 @@
     android:paddingEnd="@dimen/screen_edge_left_and_right_padding"
     android:paddingStart="@dimen/screen_edge_left_and_right_padding">
 
-
     <TextView
         android:id="@+id/text_file_name"
         android:layout_width="0dp"
diff --git a/app/src/main/res/layout/item_generic_attachment.xml b/app/src/main/res/layout/item_generic_attachment.xml
index 14df29807a..e271798fe0 100644
--- a/app/src/main/res/layout/item_generic_attachment.xml
+++ b/app/src/main/res/layout/item_generic_attachment.xml
@@ -33,7 +33,6 @@
             android:visibility="gone" />
     </LinearLayout>
 
-
     <TextView
         android:id="@+id/text_file_name"
         android:layout_width="0dp"
diff --git a/app/src/main/res/layout/item_message.xml b/app/src/main/res/layout/item_message.xml
index c9632ed562..f81f18f359 100644
--- a/app/src/main/res/layout/item_message.xml
+++ b/app/src/main/res/layout/item_message.xml
@@ -105,7 +105,7 @@
             android:layout_height="wrap_content"
             android:layout_marginEnd="8dp"
             android:maxLength="22"
-            tools:text="User Name with long name" />
+            tools:text="UserNameWithVeryLongName" />
 
         <TextView
             android:id="@+id/text_message_time"
@@ -158,16 +158,6 @@
         app:layout_constraintTop_toBottomOf="@+id/message_header"
         tools:text="This is a multiline chat message from Bertie that will take more than just one line of text. I have made sure that everything is amazing!" />
 
-    <Button
-        android:id="@+id/button_join_video_call"
-        android:layout_width="200dp"
-        android:layout_height="wrap_content"
-        android:background="@color/colorAccent"
-        android:text="@string/msg_join_video_call"
-        android:visibility="gone"
-        app:layout_constraintStart_toStartOf="@+id/text_content"
-        app:layout_constraintTop_toBottomOf="@+id/text_content" />
-
     <include
         layout="@layout/layout_reactions"
         android:layout_width="0dp"
diff --git a/app/src/main/res/layout/item_system_message.xml b/app/src/main/res/layout/item_system_message.xml
new file mode 100644
index 0000000000..beca01d319
--- /dev/null
+++ b/app/src/main/res/layout/item_system_message.xml
@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/message_container"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?android:attr/selectableItemBackground"
+    android:clickable="true"
+    android:focusable="true"
+    android:paddingStart="@dimen/screen_edge_left_and_right_padding"
+    android:paddingTop="@dimen/message_item_top_and_bottom_padding"
+    android:paddingEnd="@dimen/screen_edge_left_and_right_padding"
+    android:paddingBottom="@dimen/message_item_top_and_bottom_padding">
+
+    <LinearLayout
+        android:id="@+id/day_marker_layout"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:paddingBottom="8dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/new_messages_notif">
+
+        <View
+            android:layout_width="0px"
+            android:layout_height="1dp"
+            android:layout_weight="1"
+            android:background="@color/colorDivider" />
+
+        <TextView
+            android:id="@+id/day"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginEnd="16dp"
+            android:textAppearance="@style/Message.DayMarker"
+            tools:text="Wednesday" />
+
+        <View
+            android:layout_width="0dp"
+            android:layout_height="1dp"
+            android:layout_weight="1"
+            android:background="@color/colorDivider" />
+    </LinearLayout>
+
+    <include
+        android:id="@+id/layout_avatar"
+        layout="@layout/avatar_small"
+        android:layout_width="20dp"
+        android:layout_height="20dp"
+        android:layout_marginStart="20dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/message_header" />
+
+    <LinearLayout
+        android:id="@+id/new_messages_notif"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:visibility="visible">
+
+        <View
+            android:layout_width="0dp"
+            android:layout_height="1dp"
+            android:layout_gravity="center"
+            android:layout_marginEnd="4dp"
+            android:layout_weight="1"
+            android:background="@color/colorRed" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/msg_unread_messages"
+            android:textColor="@color/colorRed" />
+
+        <View
+            android:layout_width="0dp"
+            android:layout_height="1dp"
+            android:layout_gravity="center"
+            android:layout_marginStart="4dp"
+            android:layout_weight="1"
+            android:background="@color/colorRed" />
+
+    </LinearLayout>
+
+    <com.google.android.flexbox.FlexboxLayout
+        android:id="@+id/message_header"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        app:flexWrap="wrap"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/layout_avatar"
+        app:layout_constraintTop_toBottomOf="@+id/day_marker_layout">
+
+        <TextView
+            android:id="@+id/text_sender"
+            style="@style/Sender.Name.TextView"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="8dp"
+            android:maxLength="22"
+            tools:text="UserName" />
+
+        <TextView
+            android:id="@+id/text_content"
+            style="@style/Message.TextView"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            tools:text="Has joined the channel." />
+
+    </com.google.android.flexbox.FlexboxLayout>
+
+    <Button
+        android:id="@+id/button_join_video_call"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:background="@color/colorAccent"
+        android:text="@string/msg_join_video_call"
+        android:visibility="gone"
+        app:layout_constraintStart_toStartOf="@+id/message_header"
+        app:layout_constraintTop_toBottomOf="@+id/message_header" />
+
+    <include
+        layout="@layout/layout_reactions"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="@+id/text_content"
+        app:layout_constraintStart_toStartOf="@+id/message_header"
+        app:layout_constraintTop_toBottomOf="@+id/message_header" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>