diff --git a/packages/client/src/tiptap/wrappers/attachment/index.module.scss b/packages/client/src/tiptap/wrappers/attachment/index.module.scss
index aff231f..93f9dbc 100644
--- a/packages/client/src/tiptap/wrappers/attachment/index.module.scss
+++ b/packages/client/src/tiptap/wrappers/attachment/index.module.scss
@@ -13,5 +13,15 @@
     justify-content: space-between;
     align-items: center;
     padding: 8px 16px;
+
+    > div {
+      flex: 1;
+      overflow: auto;
+    }
+
+    > span {
+      width: 64px;
+      flex-shrink: 0;
+    }
   }
 }
diff --git a/packages/client/src/tiptap/wrappers/attachment/index.tsx b/packages/client/src/tiptap/wrappers/attachment/index.tsx
index 00e557d..e6ca7c0 100644
--- a/packages/client/src/tiptap/wrappers/attachment/index.tsx
+++ b/packages/client/src/tiptap/wrappers/attachment/index.tsx
@@ -73,10 +73,10 @@ export const AttachmentWrapper = ({ editor, node, updateAttributes }) => {
             <div>
               <Space>
                 {getFileTypeIcon(fileType)}
-                <Text ellipsis={{ showTooltip: true }} style={{ maxWidth: 320 }}>
+                <Text style={{ marginLeft: 8 }} ellipsis={{ showTooltip: true }}>
                   {fileName}.{fileExt}
+                  <Text type="tertiary">({normalizeFileSize(fileSize)})</Text>
                 </Text>
-                <Text type="tertiary"> ({normalizeFileSize(fileSize)})</Text>
               </Space>
               <span>
                 <Tooltip content={!visible ? '预览' : '收起'}>