How to customize material text fields?

image

const Searchfield = styled(TextField)({
   border: '1px solid #ffffff',
   borderRadius: '5px', 
})

 <Searchfield
               classes={{root: {padding: '0'}}}
               id="outlined-start-adornment"
               sx={{ m: 1, width: '25ch' }}
               InputProps={{
                  startAdornment: <InputAdornment position="start"><SearchIcon sx={{color: '#fff'}} /></InputAdornment>,
               }}
               placeholder='search'
            />

I want to make the placeholder text white and the padding 0 from all side of the input.