Как удалить изогнутую границу и тень вставки из компонента Material UI TextField React?

Вот поле ввода:

В нем есть эта внутренняя тень и изогнутые границы.

Вот код:

import React, {Component} from 'react';
import TextField from 'material-ui/TextField';
import { connect } from 'react-redux';

class SearchInput extends Component {

    constructor(props) {
        super(props);
        this.state = {
            searchInputFieldValue: ''
        };
    }

    textFieldOnChangeSearch(event) {
        this.setState({searchInputFieldValue: event.target.value});
        this.props.phoneBookSearch(event.target.value);
    }

    render() {
        return (
            <div>
                <TextField
                    underlineShow={false}
                    hintText="Hae.."
                    onChange={this.textFieldOnChangeSearch.bind(this)}
                    value={this.state.searchInputFieldValue}
                    style={{
                        boxShadow: 'none',
                        height: '57px', 
                        width: '460px',
                        /*
                        borderStyle: 'solid',
                        borderColor: '#2375BB',
                        borderWidth: '2px',
                        */
                        backgroundColor: '#FFFFFF'
                    }}
                    />
            </div>
        )
    }
}

export default SearchInput;

Вот как это отображается в инспектировании браузера:

Если я раскомментирую закомментированную часть стиля в коде, это будет выглядеть следующим образом:

Как видите, вот синяя граница, которая мне нужна, но изогнутые границы и внутренняя тень все еще видны на заднем плане.

Как их убрать? Даже box-shadow: нет! Важно; в веб-инструментах не удаляет его.