Как изменить цвет кнопки по умолчанию в материализованном CSS?

Я добавил кнопку на панели навигации. Навбар имеет 4 элемента li и 4-ю кнопку «Содержит». Я хочу изменить цвет кнопки по умолчанию. Я хочу использовать собственный CSS.

header.js:

class Header extends Component {

  render() {
    return (
      <div>   
        <div class = "navbar-fixed">
          <nav className = "navbar">
            <div className = "nav-wrapper">
              <a href = "#" className = "brand-logo">Udacity Logo</a>
              <ul id = "nav-mobile" className = "right hide-on-med-and-down">
                <li><a href = "#">Nanodegree</a></li>
                <li><a href = "#">Hire Talent</a></li>
                <li><a href = "#">For Business</a></li>
                <li><a className = "waves-effect waves-light btn findbtn">Course Finder</a></li>
              </ul>
            </div>
          </nav>
         </div>
      </div>
    );
  }
}

Я попытался добавить следующее свойство CSS в класс .findbtn, но это не сработало.

В header.css:

.findbtn{
    background-color: #5E35B1;
}

Скриншот: