From ac1014ae3f046530d0b01dad2f091eb7c2670320 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travisr@matrix.org>
Date: Thu, 29 Jul 2021 15:55:45 -0600
Subject: [PATCH] Fix file name not ellipsizing

Turns out the tooltip component doesn't copy over class names.
---
 src/components/views/messages/MFileBody.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/views/messages/MFileBody.tsx b/src/components/views/messages/MFileBody.tsx
index ccf5fe6745..239d3b1316 100644
--- a/src/components/views/messages/MFileBody.tsx
+++ b/src/components/views/messages/MFileBody.tsx
@@ -203,11 +203,10 @@ export default class MFileBody extends React.Component<IProps, IState> {
             placeholder = (
                 <AccessibleButton className="mx_MediaBody mx_MFileBody_info" onClick={this.onPlaceholderClick}>
                     <span className="mx_MFileBody_info_icon" />
-                    <TextWithTooltip
-                        className="mx_MFileBody_info_filename"
-                        tooltip={presentableTextForFile(content, _t("Attachment"), false)}
-                    >
-                        { presentableTextForFile(content, _t("Attachment"), true, true) }
+                    <TextWithTooltip tooltip={presentableTextForFile(content, _t("Attachment"), false)}>
+                        <span className="mx_MFileBody_info_filename">
+                            { presentableTextForFile(content, _t("Attachment"), true, true) }
+                        </span>
                     </TextWithTooltip>
                 </AccessibleButton>
             );