I've integrated the MaterialUI_v5 library and included a TextField component within a Paper component.
The background of the Paper component has been customized to appear in a shade of green.
For the Textfield component, I have applied a styling that sets its color to white.
However, there seems to be some unwanted white space around the edges of the Textfield component that I would like to make green (see image below).
Here are the current props for the Textfield component:
<TextField className={styles.input} label="First Name" variant="outlined" size="small" />
And the corresponding styling is as follows:
.input{
background-color: white;
width: 400px;
}