diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css
index 97248b9..a09d47a 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css
@@ -1,5 +1,6 @@
 .chat {
     margin: 9px 12px 0px 0px;
+
 }
 
 .chat__content {
@@ -71,3 +72,40 @@
 .content p {
     margin-top: 5px;
 }
+
+.write {
+    position: absolute;
+    bottom: 0;
+    margin: 24px 87px 22px 16px;
+    user-select: none;
+    width: 50%;
+}
+
+.write__content {
+    display: flex;
+    align-items: center;
+    text-align: center;
+}
+
+.write__content input {
+    padding: 14px 35% 14px 12px;
+    border-radius: 13px;
+    background: #22252F;
+    color: #A9A99D;
+    border: none;
+}
+
+.write__content input::placeholder {
+    color: #A9A99D;
+    font-weight: 800;
+    font-family: Montserrat;
+    font-size: 12px;
+}
+
+.write__content button {
+    padding: 8px 9px;
+    margin-left: -20px;
+    border-radius: 6px;
+    background: #3D3F48;
+    border: none;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-chat/sendmsg-icon.png b/luckydiamond/src/assets/icons-chat/sendmsg-icon.png
new file mode 100644
index 0000000..50cf62b
Binary files /dev/null and b/luckydiamond/src/assets/icons-chat/sendmsg-icon.png differ
diff --git a/luckydiamond/src/components/WritechatComponent.vue b/luckydiamond/src/components/WritechatComponent.vue
new file mode 100644
index 0000000..9b0be2b
--- /dev/null
+++ b/luckydiamond/src/components/WritechatComponent.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="write">
+    <div class="write__content">
+      <input type="text" placeholder="Напишите сообщение...">
+      <button type="submit"><img src="@/assets/icons-chat/sendmsg-icon.png"></button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue
index 2c383b4..ce53c2e 100644
--- a/luckydiamond/src/pages/ChatElement.vue
+++ b/luckydiamond/src/pages/ChatElement.vue
@@ -93,19 +93,16 @@
         </div>
       </div>
     </div>
-    <div class="write">
-      <div class="write__content">
-        <h1>123</h1>
-      </div>
-    </div>
+    <writechat-component></writechat-component>
   </aside>
 </template>
 
 <script>
 import '@/assets/css/ElementsStyles/chat.css'
+import WritechatComponent from "@/components/WritechatComponent.vue";
 
 export default {
-
+  components: { WritechatComponent }
 }
 </script>