Chapter 2, 2nd, ed question

I am following along and in Chapter 2 it instructs me to replace some code in the BUILD section. I did that. But my App Bar Text is left aligned now, not centered as shown in the screen pic? What is wrong here? Here is my code block.

  @override
  Widget build(BuildContext context) {
    final ThemeData theme = ThemeData();
    return MaterialApp(
      title: 'Recipe Calculator',
      theme: theme.copyWith(
        colorScheme: theme.colorScheme.copyWith(
          primary: Colors.grey,
          secondary: Colors.black,
        ),
      ),
      home: const MyHomePage(title: 'Recipe Calculator'),
    );
  }

Sorry for the delayed reply. I looks like you got that answered for Chapter 3 as well, but this is an iOS vs Android difference. The screenshots are representative of the iOS version.