Components: Update the TextControl padding to match the rest of the c…

…ontrols (#64326)

Co-authored-by: youknowriad <youknowriad@git.wordpress.org>
Co-authored-by: mirka <0mirka00@git.wordpress.org>
Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
Co-authored-by: tyxla <tyxla@git.wordpress.org>

packages/components/CHANGELOG.md

@@ -10,6 +10,7 @@
 - `Modal`: Fix the dismissal logic for React development mode ([#64132](https://github.com/WordPress/gutenberg/pull/64132)).
 - `Autocompleter UI`: Fix text color when hovering selected item ([#64294](https://github.com/WordPress/gutenberg/pull/64294)).
 - `Heading`: Add the missing `size` prop to the component's props type ([#64299](https://github.com/WordPress/gutenberg/pull/64299)).
+- `TextControl`: Fix the padding of the component to be consistent with the rest of the controls. ([#64326](https://github.com/WordPress/gutenberg/pull/64326)).
 
 ### Enhancements
 

packages/components/src/text-control/style.scss

@@ -20,5 +20,10 @@
 
  &.is-next-40px-default-size {
  height: $grid-unit-50;
+
+ // Subtract 1px to account for the border, which isn't included on the element
+ // on newer components like InputControl, SelectControl, etc.
+ padding-left: $grid-unit-20;
+ padding-right: $grid-unit-20;
  }
 }