dropdown width in an editable grid

hello

use case is an editable grid containing a couple of dropdowns. The fields are as follows:

dropdown picker dropdown dropdown dropdown dropdown decimal decimal decimal decimal checkbox text icon icon

if there is no data the grid looks fine. When we select a dropdown the field expands seeming to overide the colomn configurations so the user sees:

dropdown picker dropdown dropdown dropdown drop...

although the user can scroll left as normal

is there a way to fix the width of the dropdowns in an editable grid to prevent them from expanding past a certain point?

{
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight:"2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
{a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
width: "ICON"
),
a!gridLayoutColumnConfig(
width: "ICON"
)
},