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.

  Widget build(BuildContext context) {
    final ThemeData theme = ThemeData();
    return MaterialApp(
      title: 'Recipe Calculator',
      theme: theme.copyWith(
        colorScheme: theme.colorScheme.copyWith(
          primary: Colors.grey,
      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.