How do I use word wrap in an announcement banner?

[Hao Ze Wu]

Here's a snippet of code:

const BannerOverflowExample = () => {

return (

  <Box xcss={containerStyles} id="OMEGALUL">

    <Banner icon={<WarningIcon label="" secondaryColor="inherit" />}>

      {message}

    </Banner>

  </Box>

);

};

from the Atlassian docs regarding banners: https://atlassian.design/components/banner/examples

I've noticed that the Banner doesn't take in any CSS parameters regarding wrapping, and instead it displays ellipsis. Is it possible then to add word wrapping so my entire message displays on the announcement banner?