css not working and how to add height and overflow in BOX component <Box direction="column" style={{ height: '200px', overflow: 'auto' }}>
{messages.map((msg, idx) => (
<Flex key={idx} direction="column" align={msg.from === 'user' ? 'end' : 'start'} gap="medium">
{msg.from === 'user' ? (
<Alert variant="success" title="">
{msg.text}
</Alert>
) : (
<Alert variant="tip" title="">
{msg.text}
</Alert>
)}
{msg.timestamp && (
<Text variant="microcopy" color="neutral">
{msg.timestamp}
</Text>
)}
</Flex>
))}
</Box>
thank you in advance
i want to add custome style in box component how to do that.currently it is not working