Single Select "List" Appearance Stretches Full Width in Forms

Hi Airtable Support,

I'm reporting a CSS regression affecting single select fields displayed as "List" in forms (both form views and interface forms).

What changed:
As of recently, all single select list options stretch to the full width of the form instead of displaying as compact, text-width pills. This was not the case previously — these forms have been unchanged for over a year and the options always rendered at the width of their text content.

This is affecting all of my accounts across multiple clients, confirming it's a platform-side change.

Root cause identified:
A "width-full" class is being applied to the list option elements, which sets width: 100%. Changing this value to width: auto immediately restores the expected pill-shaped, text-width behavior.

The fix:
.width-full {
    width: auto;
}

Steps to reproduce:
1. Create or open a form with a single select field
2. Set the field appearance to "List"
3. Preview or open the form — all options stretch to 100% width
4. In DevTools, locate the ".width-full" class on the option elements and change width from 100% to auto — the pills return to their correct size

Expected behavior:
List options should render as compact pills sized to their text content, as they did before this change.

Could you escalate this to the engineering team? This is a visual regression that affects all form users viewing these fields.

Thank you

You may want to open a support ticket at support@airtable.com to let them know about this.

In the meantime, I would recommending rebuilding your form with the new form builder by using the “Forms” button at the top of the screen. You can control the width of fields there by placing multiple fields on the same row as each other.

You can also rebuild your form with Fillout, which gives you more width control & more design options.

- ScottWorld, Expert Airtable Consultant 

I did open a ticket, and this issue was resolved. See below.

Also I appreciate you offers but that’s a bug, that should be fixed, that’s all.

Rebuilding forms (maybe dozens, for each client) OR using Fillout when I must use a native AT form - is not the best solution. Thanks nevertheless!

Esdras from Airtable here ! Thanks for reaching out - I'd be happy to help.

 

Based on what you described, this sounds like an issue that our engineering team is currently investigating. Our team has located the root cause and deployed a fix, so the issue should now be resolved. I suggest clearing your browser cache, after which your single select field should display as usual.

 

If you continue experiencing any issues, please let us know.

Esdras G,
Enterprise Technical Support Specialist.