diff --git a/packages/editor/src/components/url-input/README.md b/packages/editor/src/components/url-input/README.md
index 19b67bf452b5e4..89001d45b3c4e1 100644
--- a/packages/editor/src/components/url-input/README.md
+++ b/packages/editor/src/components/url-input/README.md
@@ -131,6 +131,10 @@ Renders the URL input field used by the `URLInputButton` component. It can be us
 
 If you are not conditionally rendering this component set this property to `false`.
 
+### `className: String`
+
+*Optional.* Adds and optional class to the parent `div` that wraps the URLInput field and popover
+
 ## Example
 
 {% codetabs %}
diff --git a/packages/editor/src/components/url-input/index.js b/packages/editor/src/components/url-input/index.js
index 0d763957ce356d..db658990632e7b 100644
--- a/packages/editor/src/components/url-input/index.js
+++ b/packages/editor/src/components/url-input/index.js
@@ -227,11 +227,11 @@ class URLInput extends Component {
 	}
 
 	render() {
-		const { value = '', autoFocus = true, instanceId } = this.props;
+		const { value = '', autoFocus = true, instanceId, className } = this.props;
 		const { showSuggestions, posts, selectedSuggestion, loading } = this.state;
 		/* eslint-disable jsx-a11y/no-autofocus */
 		return (
-			<div className="editor-url-input">
+			<div className={ classnames( 'editor-url-input', className ) }>
 				<input
 					autoFocus={ autoFocus }
 					type="text"