minWidth pushing table beyond parent width

[danverbs]

I'm trying to implement a table inside a card with resizable columns - I've added the below into the th styling:

style={
    { 
        position: "relative",
        // width: header.getSize(),
        minWidth: header.getSize() ? header.getSize() : 0,
        overflow: "hidden",
        whiteSpace: "nowrap",
        textOverflow: "ellipsis",
    }
}

which makes the column expand well and pushes the other columns away but it's made my overall table wider than its parent card so now I have a scroll on the page

If I take minWidth off, the table is contained within the parent but the column resizing is limited to the boundaries of the card it's in so isn't useful

How can I fix this?