Fix placeholder alignment

WordPress · Mar 2, 2020 · ea57f4e · ea57f4e
1 parent 5d56465
commit ea57f4e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js
@@ -411,7 +411,6 @@ export class ImageEdit extends Component {
 		const mediaPlaceholder = (
 			<MediaPlaceholder
 				icon={ <BlockIcon icon={ icon } /> }
-				className={ className }
 				labels={ labels }
 				onSelect={ this.onSelectImage }
 				onSelectURL={ this.onSelectURL }
@@ -429,7 +428,12 @@ export class ImageEdit extends Component {
 			return (
 				<>
 					{ controls }
-					<Block.div className={ classes } data-align={ align }>
+					<Block.div
+						className={ classnames( className, {
+							[ `align${ align }` ]:
+								! needsAlignmentWrapper && align,
+						} ) }
+					>
 						{ needsAlignmentWrapper ? (
 							<div className={ `align${ align }` }>
 								{ mediaPlaceholder }