diff --git a/apps/web/src/page/infra/kit/meta-line.ts b/apps/web/src/page/infra/kit/meta-line.ts index 8a9da48c9e..9c21838e81 100644 --- a/apps/web/src/page/infra/kit/meta-line.ts +++ b/apps/web/src/page/infra/kit/meta-line.ts @@ -31,7 +31,8 @@ export const metaLine = ( ], present.map((item, index) => h.span( - [h.Class("flex shrink-0 items-center gap-x-2")], + // The last item shrinks so an overflowing line ends in an ellipsis, not a clipped word. + [h.Class(cn("flex items-center gap-x-2", index === present.length - 1 ? "min-w-0" : "shrink-0"))], [ ...(index > 0 ? [h.span([h.Class("text-foreground-faint")], ["ยท"])] : []), typeof item === "string" ? h.span([h.Class("max-w-[28ch] truncate")], [item]) : item,