diff --git a/client/components/filter-select-control/index.tsx b/client/components/inline-label-select/index.tsx
similarity index 98%
rename from client/components/filter-select-control/index.tsx
rename to client/components/inline-label-select/index.tsx
index 562b5a00910..df1233ef890 100644
--- a/client/components/filter-select-control/index.tsx
+++ b/client/components/inline-label-select/index.tsx
@@ -102,10 +102,10 @@ const stateReducer = (
 };
 
 /**
- * FilterSelectControl component.
+ * InlineLabelSelect component.
  * A select control with a list of options, inline label, and option hints.
  */
-function FilterSelectControl< ItemType extends SelectItem >( {
+function InlineLabelSelect< ItemType extends SelectItem >( {
 	name,
 	className,
 	label,
@@ -247,4 +247,4 @@ function FilterSelectControl< ItemType extends SelectItem >( {
 	);
 }
 
-export default FilterSelectControl;
+export default InlineLabelSelect;
diff --git a/client/components/filter-select-control/style.scss b/client/components/inline-label-select/style.scss
similarity index 100%
rename from client/components/filter-select-control/style.scss
rename to client/components/inline-label-select/style.scss
diff --git a/client/components/filter-select-control/test/__snapshots__/index.test.tsx.snap b/client/components/inline-label-select/test/__snapshots__/index.test.tsx.snap
similarity index 97%
rename from client/components/filter-select-control/test/__snapshots__/index.test.tsx.snap
rename to client/components/inline-label-select/test/__snapshots__/index.test.tsx.snap
index 0d31a8014a3..dd8eb1be580 100644
--- a/client/components/filter-select-control/test/__snapshots__/index.test.tsx.snap
+++ b/client/components/inline-label-select/test/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`FilterSelectControl renders options 1`] = `
+exports[`InlineLabelSelect renders options 1`] = `
 <div>
   <div
     class="wcpay-filter components-custom-select-control onboarding-select-control"
@@ -130,7 +130,7 @@ exports[`FilterSelectControl renders options 1`] = `
 </div>
 `;
 
-exports[`FilterSelectControl renders options with custom children 1`] = `
+exports[`InlineLabelSelect renders options with custom children 1`] = `
 <div>
   <div
     class="wcpay-filter components-custom-select-control onboarding-select-control"
@@ -182,7 +182,7 @@ exports[`FilterSelectControl renders options with custom children 1`] = `
 </div>
 `;
 
-exports[`FilterSelectControl renders with placeholder 1`] = `
+exports[`InlineLabelSelect renders with placeholder 1`] = `
 <div>
   <div
     class="wcpay-filter components-custom-select-control onboarding-select-control"
diff --git a/client/components/filter-select-control/test/index.test.tsx b/client/components/inline-label-select/test/index.test.tsx
similarity index 92%
rename from client/components/filter-select-control/test/index.test.tsx
rename to client/components/inline-label-select/test/index.test.tsx
index d1c7f8f3ef1..be1f671e862 100644
--- a/client/components/filter-select-control/test/index.test.tsx
+++ b/client/components/inline-label-select/test/index.test.tsx
@@ -10,7 +10,7 @@ import user from '@testing-library/user-event';
 /**
  * Internal dependencies
  */
-import FilterSelectControl from '..';
+import InlineLabelSelect from '..';
 
 interface Item {
 	key: string;
@@ -39,10 +39,10 @@ const options: Item[] = [
 	},
 ];
 
-describe( 'FilterSelectControl', () => {
+describe( 'InlineLabelSelect', () => {
 	test( 'renders options', () => {
 		const { container, getByText } = render(
-			<FilterSelectControl
+			<InlineLabelSelect
 				className="onboarding-select-control"
 				label="Currency"
 				value={ options[ 0 ] }
@@ -62,7 +62,7 @@ describe( 'FilterSelectControl', () => {
 
 	test( 'renders options with custom children', () => {
 		const { container, getByText } = render(
-			<FilterSelectControl
+			<InlineLabelSelect
 				className="onboarding-select-control"
 				label="Currency"
 				value={ undefined }
@@ -89,7 +89,7 @@ describe( 'FilterSelectControl', () => {
 
 	test( 'renders with placeholder', () => {
 		const { container } = render(
-			<FilterSelectControl
+			<InlineLabelSelect
 				className="onboarding-select-control"
 				label="Currency"
 				value={ undefined }