diff --git a/packages/block-library/src/video/edit.js b/packages/block-library/src/video/edit.js
index 5b54e8ae0f0a4e..175d95871ecbb4 100644
--- a/packages/block-library/src/video/edit.js
+++ b/packages/block-library/src/video/edit.js
@@ -219,8 +219,10 @@ class VideoEdit extends Component {
 						<MediaUploadCheck>
 							<BaseControl
 								className="editor-video-poster-control"
-								label={ __( 'Poster Image' ) }
 							>
+								<BaseControl.VisualLabel>
+									{ __( 'Poster Image' ) }
+								</BaseControl.VisualLabel>
 								<MediaUpload
 									title={ __( 'Select Poster Image' ) }
 									onSelect={ this.onSelectPoster }
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index c76f5a75ac8d7d..1be0255a96866f 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -1,8 +1,9 @@
-## 7.2.1 (Unreleased)
+## 7.3.0 (Unreleased)
 
 ### New Features
 
 - Added a new `render` property to `FormFileUpload` component. Allowing users of the component to custom the UI for their needs.
+- Added a new `BaseControl.VisualLabel` component.
 
 ### Bug fixes
 
diff --git a/packages/components/src/base-control/README.md b/packages/components/src/base-control/README.md
index b79ee413e21905..4a0dd8712ee3f3 100644
--- a/packages/components/src/base-control/README.md
+++ b/packages/components/src/base-control/README.md
@@ -62,3 +62,44 @@ The content to be displayed within the BaseControl.
 
 - Type: `Element`
 - Required: Yes
+
+## BaseControl.VisualLabel
+
+`BaseControl.VisualLabel` component is used to render a purely visual label inside a `BaseControl` component.
+It should only be used in cases where the children being rendered inside BaseControl are already properly labeled, e.g., a button, but we want an additional visual label for that section equivalent to the labels BaseControl would otherwise use if the label prop was passed.
+
+
+## Usage
+```jsx
+import { BaseControl } from '@wordpress/components';
+
+const MyBaseControl = () => (
+	<BaseControl
+		help="Pressing the Select an author buttom will open a modal that allows an advanced mechanism for author selection"
+	>
+		<BaseControl.VisualLabel>
+			Author
+		</BaseControl.VisualLabel>
+		<Button>
+			Select an author
+		</Button>
+	</BaseControl>
+);
+```
+
+### Props
+
+#### className
+
+The class that will be added with `components-base-control__label` to the classes of the wrapper div.
+If no className is passed only `components-base-control__label` is used.
+
+- Type: `String`
+- Required: No
+
+#### children
+
+The content to be displayed within the `BaseControl.VisualLabel`.
+
+- Type: `Element`
+- Required: Yes
diff --git a/packages/components/src/base-control/index.js b/packages/components/src/base-control/index.js
index 925914b7824154..37a5939e10775c 100644
--- a/packages/components/src/base-control/index.js
+++ b/packages/components/src/base-control/index.js
@@ -8,7 +8,7 @@ function BaseControl( { id, label, help, className, children } ) {
 		<div className={ classnames( 'components-base-control', className ) }>
 			<div className="components-base-control__field">
 				{ label && id && <label className="components-base-control__label" htmlFor={ id }>{ label }</label> }
-				{ label && ! id && <span className="components-base-control__label">{ label }</span> }
+				{ label && ! id && <BaseControl.VisualLabel>{ label }</BaseControl.VisualLabel> }
 				{ children }
 			</div>
 			{ !! help && <p id={ id + '__help' } className="components-base-control__help">{ help }</p> }
@@ -16,4 +16,13 @@ function BaseControl( { id, label, help, className, children } ) {
 	);
 }
 
+BaseControl.VisualLabel = ( { className, children } ) => {
+	className = classnames( 'components-base-control__label', className );
+	return (
+		<span className={ className }>
+			{ children }
+		</span>
+	);
+};
+
 export default BaseControl;