diff --git a/client/ui/custom-elements/chat-file.ts b/client/ui/custom-elements/chat-file.ts
index 78f7625..41e8da9 100644
--- a/client/ui/custom-elements/chat-file.ts
+++ b/client/ui/custom-elements/chat-file.ts
@@ -5,12 +5,11 @@ customElements.define('chat-file', class extends HTMLElement {
         super()
     }
     connectedCallback() {
-        this.style.display = 'block'
         const e = new DOMParser().parseFromString(`
         <a style="width: 100%;height: 100%;">
             <mdui-card variant="outlined" clickable style="display: flex;align-items: center;">
                 <mdui-icon name="insert_drive_file" style="margin: 13px;font-size: 34px;"></mdui-icon>
-                <span style="margin-right: 13px;"></span>
+                <span style="margin-right: 13px; word-wrap: break-word; word-break:break-all;white-space:normal; max-width :100%;"></span>
             </mdui-card>
         </a>`, 'text/html').body.firstChild as HTMLElement
         $(e).find('span').text($(this).attr("name"))