layout: 'centered' → component with "w-full" not shown

[severinlandolt]

Hello there,

I am struggling with components that are not displayed when layout: "centered" is set. The component in question has "w-full" in its root and does not have a fixed width. From issue #14028, I've read that flex is applied, and one solution might be to add flex-1.
Adding flex-1 to the component story does not work.

1. Are there any other solutions to that?
2. Where do I have to add flex-1?

I am using SB 7.4.6 and I have the following story:

const meta: Meta<typeof AreaChart> = {
  title: "Tremor/ChartElements/AreaChart",
  component: AreaChart,
  parameters: { layout: "centered" },
};

export default meta;
type Story = StoryObj<typeof AreaChart>;

export const DefaultResponsive: Story = {
  args: {
    categories: ["Sales", "Successful Payments"],
    index: "month",
    data,
    className: "h-72", // flex-1 here does not work
  },
};