Children width in Accordion

[shubhnik]

The width of the children for example of TextInput inside an Accordion is not extendable to near 100% width of the accordion. I have tried wrapping the TextInput inside a Box with flex=1 but it didn't help either.

As a workaround I have to wrap Accordion with this component:

styled.div(
  () => `
    div[data-blade-component='collapsible-body'] {
      width: 100%;

      div[data-blade-component='textinput'] {
        flex: 1;
      }
    }
`,
);

Attached a screenshot to better visualise the issue and fixed UI after wrapping with custom component.