diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css
index b355f74..0f81d56 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css
@@ -36,4 +36,30 @@
     padding: 6px 6px 6px 7px;
     border-radius: 6px;
     background: #3D3F48;
+}
+
+.chat__content--users {
+    height: 70%;
+}
+
+.card__user {
+    margin-top: 24px;
+    margin: 24px 70px 0px 23px;
+    display: flex;
+}
+
+.user__icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    flex-direction: column;
+    margin-left: 23px;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-test/person-icon-chat.png b/luckydiamond/src/assets/icons-test/person-icon-chat.png
new file mode 100644
index 0000000..0f4ff10
Binary files /dev/null and b/luckydiamond/src/assets/icons-test/person-icon-chat.png differ
diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue
index 284e622..b8ebd90 100644
--- a/luckydiamond/src/pages/ChatElement.vue
+++ b/luckydiamond/src/pages/ChatElement.vue
@@ -10,6 +10,17 @@
         </div>
       </div>
     </div>
+    <div class="chat__content--users">
+      <div class="card__user">
+        <div class="user__icon">
+          <img src="@/assets/icons-test/person-icon-chat.png">
+        </div>
+        <div class="content">
+          <h3>User Name</h3>
+          <p>msg content</p>
+        </div>
+      </div>
+    </div>
   </aside>
 </template>