Create list form should not look like the name of an existing list

Steps to reproduce the problem

1. click "add to list" on a profile
2. View the dialog
3. click "Create", expecting a popup about creating a list, instead "please fill in this field" appears next to something that does not look like a text field at all

Expected behaviour

The UI to create a new list should look more distinct from an existing list than it currently does.

Actual behaviour

A list that does not yet exist has a "this is a list" icon next to it, and appears in the list of existing lists.

Detailed description

The lists modal does not look like it is prompting you for a list name. Visually the existing lists and the prompt for the name of the new list look very similar:

All the items in the dialogue look like entries in one list of list names it's not clear how the "Create" button is going to behave. Clicking it might pop a "create new list" dialogue, or a the fields might slide out below, or maybe the question will appear in one of those fly-out tool-tip forms?

When I click it, I get a form validation error, when I wasn't even aware I was filling in a form:

I'm no UX designer, but I think this popup could be improved by :

• removing the from the "form"'s row
• putting a different background on the text box than on the modal

Text fields do not match the background colour elsewhere in the UI:

Mastodon instance

An isolated instance on my private network

Mastodon version

v4.7.2

Browser name and version

155.0.1 (64-bit) Windows

Operating system

Windows 11

Technical details

No response