diff --git a/apps/web/src/components/contextChipParts.tsx b/apps/web/src/components/contextChipParts.tsx
index b510c1275ee84..a1112d037d908 100644
--- a/apps/web/src/components/contextChipParts.tsx
+++ b/apps/web/src/components/contextChipParts.tsx
@@ -167,7 +167,9 @@ export function ImageChipButton({
         <ImageIcon />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 truncate">{middleTruncateAttachmentName(name)}</span>
+        <span className="min-w-0 max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+          {middleTruncateAttachmentName(name)}
+        </span>
         <span className="shrink-0 text-3xs text-current">{size}</span>
         {suffix ? <span className="text-3xs text-current">{suffix}</span> : null}
       </ContextChipLabel>
@@ -314,7 +316,9 @@ function FileChipContent(props: {
         <PierreEntryIcon pathValue={props.name} kind="file" theme={props.theme} />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 truncate">{middleTruncateAttachmentName(props.name)}</span>
+        <span className="min-w-0 max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+          {middleTruncateAttachmentName(props.name)}
+        </span>
         <span className="shrink-0 text-3xs text-current">{props.size}</span>
         {props.suffix ? <span className="text-3xs text-current">{props.suffix}</span> : null}
       </ContextChipLabel>