por qué a pesar de que la etiqueta button tiene la clase center-align en botón permaneció en el lado izquierdo? debería de estar centrado…

Buenas respuestas

Lo que pasa es que está usando la clase center-align en el botón y lo que hará es centrar todo lo que esté dentro del boton, para centrar el botón en si, solo debes poner esa clase dentro del row que lo contiene.

hacerlo con el row es para el grid y no es necesario aqui

con el left o right en el icono se alinea, son estilos predefinidos de materialize

No entiendo... ¿la propiedad siempre debe ir en el row y no directamente en el elemento que se quiere centrar?

La propieda debe ir en el row.. ya que el boton se encuentra el una fila..

<div class="section">
                  <div class="row center-align">
                    <button class="btn waves-effect waves-light" type="submit" name="action">Submit
                        <i class="material-icons right">send</i>
                      </button>
                  </div>
              </div>```

¿Podrías mostrarnos tu código HTML/CSS? Así podemos ver si hay algún error o hace falta alguna clase o elemento. :pray::bug:

Intenta con esto, agregarle la clase left al icono

<button 
class="btn waves-effect waves-light valign-wrapper center-align">Enviar
<i class="material-icons left">send</i>
</button>