diff --git a/plugins/woocommerce-admin/changelogs/fix-7893-country-input-label-distorted b/plugins/woocommerce-admin/changelogs/fix-7893-country-input-label-distorted new file mode 100644 index 00000000000..59c77319258 --- /dev/null +++ b/plugins/woocommerce-admin/changelogs/fix-7893-country-input-label-distorted @@ -0,0 +1,4 @@ +Significance: patch +Type: Tweak + +OBW: Override Country/Region label line-height style to avoid truncated descenders. #8186 diff --git a/plugins/woocommerce-admin/packages/components/CHANGELOG.md b/plugins/woocommerce-admin/packages/components/CHANGELOG.md index 1f84fb79ab7..015932d5e69 100644 --- a/plugins/woocommerce-admin/packages/components/CHANGELOG.md +++ b/plugins/woocommerce-admin/packages/components/CHANGELOG.md @@ -1,5 +1,7 @@ # Unreleased +- Update line-height of SelectControl label to avoid truncated descenders in some typefaces and zoom levels. #8186 + # 8.2.0 - Fix usage of Wordpress DatePicker component in `DatePicker`. #7982 diff --git a/plugins/woocommerce-admin/packages/components/src/select-control/style.scss b/plugins/woocommerce-admin/packages/components/src/select-control/style.scss index fec34879487..fc870497a8a 100644 --- a/plugins/woocommerce-admin/packages/components/src/select-control/style.scss +++ b/plugins/woocommerce-admin/packages/components/src/select-control/style.scss @@ -33,6 +33,7 @@ transform: translateY(-50%); color: $studio-gray-50; font-size: 16px; + line-height: 1.5em; } .woocommerce-select-control__control-input {