From bf644aa8a3d3ee1709bc10126b1a996b9c1a2f8f Mon Sep 17 00:00:00 2001
From: Bart <bartlomiej.kalisz@gmail.com>
Date: Tue, 25 Feb 2020 15:46:00 +0100
Subject: [PATCH 1/2] Use correct class name for media container element

---
 packages/block-library/src/media-text/style.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss
index 2a59f2cbffbec..198fa9aa45fb4 100644
--- a/packages/block-library/src/media-text/style.scss
+++ b/packages/block-library/src/media-text/style.scss
@@ -72,13 +72,13 @@
 	vertical-align: middle;
 }
 
-.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
+.wp-block-media-text.is-image-fill figure.block-library-media-text__media-container {
 	height: 100%;
 	min-height: 250px;
 	background-size: cover;
 }
 
-.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
+.wp-block-media-text.is-image-fill figure.block-library-media-text__media-container > img {
 	// The image is visually hidden but accessible to assistive technologies.
 	position: absolute;
 	width: 1px;

From cb95fb945beaa3918794cba3679912f35455b2aa Mon Sep 17 00:00:00 2001
From: Bart <bartlomiej.kalisz@gmail.com>
Date: Tue, 25 Feb 2020 15:49:00 +0100
Subject: [PATCH 2/2] Rename media container class name for consistency

---
 packages/block-library/src/media-text/edit.js     | 2 +-
 packages/block-library/src/media-text/editor.scss | 6 +++---
 packages/block-library/src/media-text/style.scss  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/block-library/src/media-text/edit.js b/packages/block-library/src/media-text/edit.js
index c5cdd0fbc8526..aca051753a33a 100644
--- a/packages/block-library/src/media-text/edit.js
+++ b/packages/block-library/src/media-text/edit.js
@@ -161,7 +161,7 @@ class MediaTextEdit extends Component {
 		} = attributes;
 		return (
 			<MediaContainer
-				className="block-library-media-text__media-container"
+				className="wp-block-media-text__media-container"
 				onSelectMedia={ this.onSelectMedia }
 				onWidthChange={ this.onWidthChange }
 				commitWidthChange={ this.commitWidthChange }
diff --git a/packages/block-library/src/media-text/editor.scss b/packages/block-library/src/media-text/editor.scss
index 5c67b8c8e4e1a..5753498e8d789 100644
--- a/packages/block-library/src/media-text/editor.scss
+++ b/packages/block-library/src/media-text/editor.scss
@@ -59,14 +59,14 @@
 	max-width: unset;
 }
 
-figure.block-library-media-text__media-container {
+figure.wp-block-media-text__media-container {
 	margin: 0;
 	height: 100%;
 	width: 100%;
 }
 
-.wp-block-media-text .block-library-media-text__media-container img,
-.wp-block-media-text .block-library-media-text__media-container video {
+.wp-block-media-text .wp-block-media-text__media-container img,
+.wp-block-media-text .wp-block-media-text__media-container video {
 	vertical-align: middle;
 	width: 100%;
 }
diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss
index 198fa9aa45fb4..86c73ab15ae48 100644
--- a/packages/block-library/src/media-text/style.scss
+++ b/packages/block-library/src/media-text/style.scss
@@ -72,13 +72,13 @@
 	vertical-align: middle;
 }
 
-.wp-block-media-text.is-image-fill figure.block-library-media-text__media-container {
+.wp-block-media-text.is-image-fill figure.wp-block-media-text__media-container {
 	height: 100%;
 	min-height: 250px;
 	background-size: cover;
 }
 
-.wp-block-media-text.is-image-fill figure.block-library-media-text__media-container > img {
+.wp-block-media-text.is-image-fill figure.wp-block-media-text__media-container > img {
 	// The image is visually hidden but accessible to assistive technologies.
 	position: absolute;
 	width: 1px;