How to add css styles to the tags like CDataTable?

Hi,

I am working on a table using tag CDataTable where I am also adding tableFilter, itemsPerPageSelect etc. After I am done including these in the CDataTable tag as follows:

<CDataTable
items={usersData}
fields={fields}
tableFilter
itemsPerPageSelect
itemsPerPage={5}
hover
sorter
pagination …

What I found is the tableFilter and the itemsPerPageSelect just take as much width and they tend to stick with each other

I want to keep space between these two divs , also I want to add margin-top and margin-bottom so that the design looks good instead of getting cluttered at one place. But , I don’t have any idea how to go about adding these styles to these elements. Please provide help with this.