🐛 Illustration component as a child of a TileLink component automatically inheriting rounded corners

[richard-karp]

Describe the bug

When using a horizontal TileLink with an Illustration component, the Illustration has a border radius on all four corners

Steps to reproduce

TileLink component with an Illustration as a child.

Expected results

Only the two corners the two outer corners of the illustration, top and bottom left for horizontal or top left and top right for vertical, should be rounded

[alexasselin008]

Reproductible demo in the documentation:

<TileLink orientation="horizontal">
    <Illustration backgroundColor="alias-accent-light">
        <Image src={Planet} width="100px" alt="Planet" />
    </Illustration>
    <Heading>Buy a ticket</Heading>
    <Content>
        Tickets are not refundable and not transferable. A confirmation email will be sent within
        the next few minutes
    </Content>
</TileLink>