Why Cytoscape.js graph is not spanning the entire width of a bootstrap card?

Question

I am using cola layout to render a Cytoscape graph inside a bootstrap card element. However, the graph mostly tries to span vertically and in spite of having plenty of space