diff --git a/packages/components/src/focal-point-picker/index.js b/packages/components/src/focal-point-picker/index.js
index 315c28f7303b7b..865fbd43b651c5 100644
--- a/packages/components/src/focal-point-picker/index.js
+++ b/packages/components/src/focal-point-picker/index.js
@@ -209,7 +209,7 @@ export class FocalPointPicker extends Component {
 					</div>
 				</div>
 				<div className="components-focal-point-picker_position-display-container">
-					<BaseControl label={ __( 'Horizontal Pos.' ) }>
+					<BaseControl label={ __( 'Horizontal Pos.' ) } id={ horizontalPositionId }>
 						<input
 							className="components-text-control__input"
 							id={ horizontalPositionId }
@@ -221,7 +221,7 @@ export class FocalPointPicker extends Component {
 						/>
 						<span>%</span>
 					</BaseControl>
-					<BaseControl label={ __( 'Vertical Pos.' ) }>
+					<BaseControl label={ __( 'Vertical Pos.' ) } id={ verticalPositionId }>
 						<input
 							className="components-text-control__input"
 							id={ verticalPositionId }