Accepted answer

you just need to use (with styles overriding) :

 input: classes.inputCenter

and the styles should be:

const styles = theme => ({
  inputCenter: {
    textAlign: "center",
    color: "red"

go through the documentation from here:

here is a working example:

hope this will help you.


Please Use

<Typography align="centre|right" />

If you have specific font already set then use above solution with withStyle HOC

Related Query

More Query from same tag