diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 5cfc4eb2185b6..e8c1a0d90052b 100644 --- a/packages/components/CHANGELOG.md +++ b/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 diff --git a/packages/components/src/text-control/style.scss b/packages/components/src/text-control/style.scss index 1e8477b255b9b..d6819f86b84bf 100644 --- a/packages/components/src/text-control/style.scss +++ b/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; } }