diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-search/edit.js b/plugins/woocommerce-blocks/assets/js/blocks/product-search/edit.js
index 2ff93b21730..0c753646e2c 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/product-search/edit.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/product-search/edit.js
@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { InspectorControls, PlainText } from '@wordpress/block-editor';
-import { PanelBody, ToggleControl } from '@wordpress/components';
+import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
 import { withInstanceId } from '@wordpress/compose';
 
 /**
@@ -75,7 +75,7 @@ const Edit = ( {
 					/>
 				) }
 				<div className="wc-block-product-search__fields">
-					<PlainText
+					<TextControl
 						className="wc-block-product-search__field input-control"
 						value={ placeholder }
 						onChange={ ( value ) =>
diff --git a/plugins/woocommerce-blocks/tests/e2e-tests/specs/backend/product-search.test.js b/plugins/woocommerce-blocks/tests/e2e-tests/specs/backend/product-search.test.js
index 04ce5b473ab..997cf9580e8 100644
--- a/plugins/woocommerce-blocks/tests/e2e-tests/specs/backend/product-search.test.js
+++ b/plugins/woocommerce-blocks/tests/e2e-tests/specs/backend/product-search.test.js
@@ -50,7 +50,7 @@ describe( `${ block.name } Block`, () => {
 		);
 
 		await expect( page ).toFill(
-			'textarea.wc-block-product-search__field',
+			'.wc-block-product-search__field input',
 			'I am a new placeholder'
 		);
 
@@ -59,7 +59,7 @@ describe( `${ block.name } Block`, () => {
 			'The Label'
 		);
 		await clearAndFillInput(
-			'textarea.wc-block-product-search__field',
+			'.wc-block-product-search__field input',
 			'The Placeholder'
 		);