React Material UI tabs css

Question

Here I have attached my screen which is designed using react Material UI tabs.

It had two tab heading buttons as Contribute component and Contribute idea . I need to reduce the size of those two buttons but not the size of container which holds the input fields (ie: Select stack and Select Category). Also need to add a space between those headers and the input fields.I have tried with style={{width:'50%'}} property but it doesn't give me the required output. How can I achieve this

Answer 1

I saw a property called tabItemContainerStyle which is being used to modify the tab header. It is working fine for me