Fix advanced filter operator selector styling. (https://github.com/woocommerce/woocommerce-admin/pull/7005)

* Fix advanced filter operator selector styling.

* Add changelog entries.

plugins/woocommerce-admin/packages/components/CHANGELOG.md

@@ -1,6 +1,7 @@
 # Unreleased
 
 -   Fix style regression with the Chart header. #7002
+-   Fix styling of the advanced filter operator selection. #7005
 -   Remove the use of Dashicons and replace with @wordpress/icons or gridicons #7020
 -   Add tree shaking support to this package. #7034
 

plugins/woocommerce-admin/packages/components/src/advanced-filters/style.scss

@@ -10,16 +10,25 @@
 		}
 	}
 
+	.components-select-control {
+		.components-input-control__container {
 			.components-select-control__input {
 				height: 38px;
 				padding: 0 0 0 $gap-smaller;
 				margin: 0;
 			}
+		}
+	}
 
 	.components-card__header {
 		.components-base-control__field {
 			margin-bottom: 0;
 		}
+
+		p {
+			display: flex;
+			line-height: 38px;
+		}
 	}
 
 	@include breakpoint( '<782px' ) {
@@ -29,12 +38,12 @@
 	@include breakpoint( '<400px' ) {
 		margin: $gap-small 0;
 	}
-}
 
-.woocommerce-filters-advanced__title-select {
+	.woocommerce-filters-advanced__title-select {
 		width: 70px;
 		display: inline-block;
 		margin: 0 $gap-smaller;
+	}
 }
 
 .woocommerce-filters-advanced__list {

plugins/woocommerce-admin/readme.txt

@@ -119,6 +119,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
 - Fix: Call existing filters for leaderboards in analytics. #6626
 - Fix: Set target to blank for the external links #6999
 - Fix style regression with the Chart header. #7002
+- Fix styling of the advanced filter operator selection. #7005
 - Fix: Deprecated warnings from select control @wordpress/data-controls. #7007
 - Tweak: Only fetch remote payment gateway recommendations when opted in #6964
 - Tweak: Setup checklist copy revert. #7015