Why is text not centered after changing button height?

[GollyJer]

I've changed the height and icon stays centered but text doesn't move.

Is this a bug? What's the best to recenter the text? Thanks.

<Button
  variant="outline"
  colorScheme="secondary"
  o=".8"
  h="9"
  leftIcon={<Icon as={MaterialCommunityIcons} name="plus" size="lg" />}
  onPress={() => openShowcaseDetailsScreen()}
>
  New
</Button>

[GollyJer]

Figured this out with trial and error.
Had to set the padding to zero for the centering to work. Then reset the left and right to what looks good.

The strange thing is I don't see any padding in the default button styling.

<Button
  _text={{ fontWeight: 800 }}
  variant="outline"
  colorScheme="secondary"
  o="0.8"
  h="8"
  p="0"
  pr="3"
  pl="2"
  leftIcon={<Icon as={MaterialCommunityIcons} name="plus" size="lg" />}
  onPress={() => openShowcaseDetailsScreen()}
>
  Add
</Button>

Is there a less verbose way?