Tengo un TextField dentro de un FormControl dentro de un Styled Control (Paper) que se parece a esto:

 const StyledPaper = styled(Paper)(({ theme }) => ({ backgroundColor: "#99d6ff", width: '90%', justify: 'center', textAlign: 'center' })); ... <StyledPaper square={false} > <FormControl variant="filled" fullWidth> <TextField id="loginInput" label="Login" InputLabelProps={{ shrink: true }} value={login} onChange={() => handleInputChange("loginInput")} /> </FormControl> </StyledPaper>

El problema que tengo aquí es que cuando selecciona TextField y lo completa con un autocompletado, el fondo cambia a blanco (el color del fondo de autocompletado). Si solo escribo y no uso el autocompletar, el fondo permanece como pretendía desde StyledPaper. ¿Cómo puedo evitar el cambio de color de fondo?