Task list and inconsistent column widths

[DarrenBrownPhoto]

We are using the new version of the task list with embedded helper text. However, depending on the length of the helper text, the statuses all have different widths - and it doesn't look great. Is this intentional or should we set a minimum width for the status column?

[github-actions]

Uh oh! @DarrenBrownPhoto, the image you shared is missing helpful alt text. Check your issue body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

[selfthinker]

A bit more context from the discussion we had on Slack about this...

Every row is one li with two divs. The list items are styled like their own table (with display: table) and the divs are styled like table cells (with display: table-cell). What you might generally expect is that the whole list is styled like a table and the list item like a table row. That way this wouldn't happen.

@frankieroberto mentioned:

It was kind-of deliberate, so that the 'divide' between the title and the status is flexible, so that if you have a row with a long task name and a short status and a row with a short task name but a long status, then they'd both still use the maximum available space.

An example that illustrates this behaviour (from Frankie):

One way to fix this within a service without fixing the whole component is to use  s between words in a status.

But I'd like to look into pros and cons of fixing it for the whole component on the Design System side.