Fix misaligned rows per page dropdown (https://github.com/woocommerce/woocommerce-admin/pull/8113)

* Fix misaligned rows per page dropdown

* Add changelogs

Add changelogs

plugins/woocommerce-admin/changelogs/fix-7863-misaligned-rows-per-page-dropdown

@@ -0,0 +1,4 @@
+Significance: patch
+Type: Fix
+
+Fix misaligned "Rows per page" dropdown. #8113

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

@@ -3,6 +3,7 @@
 -   Fix usage of Wordpress DatePicker component in `DatePicker`. #7982
 -   Fix select-control component label/value alignment. #8045
 -   Fix clicking the error message opens the dropdown. #8094
+-   Fix misaligned "Rows per page" dropdown. #8113
 
 # 8.1.1
 

plugins/woocommerce-admin/packages/components/src/pagination/index.js

@@ -182,6 +182,7 @@ class Pagination extends Component {
 			<div className="woocommerce-pagination__per-page-picker">
 				<SelectControl
 					label={ __( 'Rows per page', 'woocommerce-admin' ) }
+					labelPosition="side"
 					value={ this.props.perPage }
 					onChange={ this.perPageChange }
 					options={ pickerOptions }