diff --git a/addons/portal/static/src/scss/portal.scss b/addons/portal/static/src/scss/portal.scss
index 3d2e53ef459..7af6d0ed5d6 100644
--- a/addons/portal/static/src/scss/portal.scss
+++ b/addons/portal/static/src/scss/portal.scss
@@ -425,7 +425,7 @@ img, .media_iframe_video, .o_image {
 .o_portal_chatter_composer {
     .o_portal_chatter_attachment {
         .o_portal_chatter_attachment_name {
-            word-wrap: break-word;
+            max-width: 200px;
         }
 
         .o_portal_chatter_attachment_delete {
diff --git a/addons/portal/static/src/xml/portal_chatter.xml b/addons/portal/static/src/xml/portal_chatter.xml
index f69b3b7393d..9e0b8cfd5cd 100644
--- a/addons/portal/static/src/xml/portal_chatter.xml
+++ b/addons/portal/static/src/xml/portal_chatter.xml
@@ -62,14 +62,16 @@
 
     <t t-name="portal.Chatter.Attachments">
         <div t-if="attachments.length" class="d-flex flex-grow-1 flex-wrap gap-1">
-            <div t-foreach="attachments" t-as="attachment" t-key="attachment_index" class="bg-light p-2 rounded">
-                <div class="o_portal_chatter_attachment position-relative text-center" t-att-data-id="attachment.id">
+            <div t-foreach="attachments" t-as="attachment" t-key="attachment_index" class="bg-light p-2 rounded position-relative">
+                <div class="o_portal_chatter_attachment text-center" t-att-data-id="attachment.id">
                     <button t-if="showDelete and attachment.state == 'pending'" class="o_portal_chatter_attachment_delete btn btn-sm btn-outline-danger" title="Delete">
                         <i class="fa fa-times"/>
                     </button>
                     <a t-attf-href="/web/content/#{attachment.id}?download=true&amp;access_token=#{attachment.access_token}" target="_blank" class="d-flex flex-row">
                         <div class='oe_attachment_embedded o_image' t-att-title="attachment.name" t-att-data-mimetype="attachment.mimetype"/>
-                        <div class='o_portal_chatter_attachment_name align-self-center'><t t-esc='attachment.name'/></div>
+                        <div class='o_portal_chatter_attachment_name align-self-center text-truncate' t-att-data-tooltip="attachment.name" data-tooltip-position="top">
+                            <t t-esc='attachment.name'/>
+                        </div>
                     </a>
                 </div>
             </div>