diff --git a/docs/specs/geschichten-reader-journey-spec.html b/docs/specs/geschichten-reader-journey-spec.html
index c66fe1af..ac537ed7 100644
--- a/docs/specs/geschichten-reader-journey-spec.html
+++ b/docs/specs/geschichten-reader-journey-spec.html
@@ -424,7 +424,7 @@
| Editorial list card | bg-white shadow-sm border border-brand-sand rounded-sm | wraps alle Zeilen |
| Listenzeile |
| List row | flex gap-0 border-b border-brand-sand last:border-0 hover:bg-surface | min-h-[44px] auf Mobile |
- | Meta column | w-[88px] shrink-0 flex flex-col gap-1 p-3 border-r border-brand-sand | feste Breite |
+ | Meta column | w-40 shrink-0 flex flex-col gap-1 p-3 border-r border-line-2 | feste Breite — breit genug für text-sm Namen ohne Umbruch |
| Author avatar | w-7 h-7 rounded-full text-[9px] font-bold text-white flex items-center justify-center | personAvatarColor(userId) |
| Author name | font-sans text-sm font-semibold text-ink | |
| Date | font-sans text-sm text-ink-3 | formatDate(publishedAt) |
diff --git a/frontend/src/lib/geschichte/GeschichteListRow.svelte b/frontend/src/lib/geschichte/GeschichteListRow.svelte
index 88dd34f4..0962f520 100644
--- a/frontend/src/lib/geschichte/GeschichteListRow.svelte
+++ b/frontend/src/lib/geschichte/GeschichteListRow.svelte
@@ -24,7 +24,7 @@ const authorName = $derived(formatAuthorName(geschichte.author));
class="group flex min-h-[44px] transition-colors hover:bg-canvas/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
>
-
+
{
}
});
+ it('desktop meta column is wide enough for text-sm names (w-40, #802)', async () => {
+ render(GeschichteListRow, { props: { geschichte: baseRow() } });
+
+ const metaColumn = document.querySelector('[class*="border-r"]');
+ expect(metaColumn).not.toBeNull();
+ expect(metaColumn!.className).toContain('w-40');
+ expect(metaColumn!.className).not.toContain('w-28');
+ });
+
it('shows no badge for STORY type', async () => {
render(GeschichteListRow, { props: { geschichte: baseRow({ type: 'STORY' }) } });
expect(document.querySelector('[data-testid="journey-badge"]')).toBeNull();