How to make only text of react bootstrap table header clickable

Code:

<TableHeaderColumn dataField="test" isKey dataSort>Column</TableHeaderColumn>

With this the whole area of the column is clickable, I just want the text and the chevron to be clickable, how can I achieve that.

This image show that the whole area is clickable

Please help, i am stuck on this

This is the output HTML generated