diff --git a/public/style/chat.css b/public/style/chat.css
index 661cc07..9dde67a 100755
--- a/public/style/chat.css
+++ b/public/style/chat.css
@@ -412,6 +412,29 @@ body {
     display: flex;
 }
 
+.signature-documents-header {
+    display: flex;
+    width: 100%;
+    height: 15%;
+    align-items: center;
+}
+
+#request-document-button {
+    background-color: var(--primary-color);
+    color: white;
+    border: none;
+    border-radius: 10px;
+    padding: 8px;
+    cursor: pointer;
+    margin-left: 5%;
+    font-weight: bold;
+}
+
+#request-document-button:hover {
+    background-color: var(--accent-color);
+    font-weight: bold;
+}
+
 #close-signature {
     cursor: pointer;
     align-items: center;
diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index e596463..2bc270e 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -100,7 +100,13 @@ class ChatElement extends HTMLElement {
                             <h2>Description</h2>
                         </div>
                         <div class="signature-documents">
-                            <h2>Documents</h2>
+                            <div class="signature-documents-header">
+                                <h2>Documents</h2>
+                                <button id="request-document-button">New request</button>
+                            </div>
+                            <div class="signature-documents-list">
+                                <ul id="signature-documents-list"></ul>
+                            </div>
                         </div>
                     </div>
                 </div>