'How do you adjust the width of a custom composite's element? (Drupal 9 webform)

A webform I am customizing has 9 elements in a composite. Since there are too many of them, the composite is exceeding the fieldset you will see below.

This is the picture of the composite

I would like to shrink the size of the composite and adjust the widths of some of the elements (like Amount since it shouldn't take that many space, and maybe make Type element wider).

I followed along this solution but the size would not change even when I added

wrapper_attributes:
  width: 20%

Does anyone have experience with adjusting the widths of composite's elements ?

P.S. To be visual-friendly, here is where I added the code above

drupaldrupal-webform


Solution 1:[1]

Other Idea: Change in CSS padding, margin or border-line.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Philippj

Related Questions