Fix broken template part converter modal styles. (#32097)

* update flex-block class selector * use custom className instead
WordPress · May 21, 2021 · 8ca750b · 8ca750b
1 parent a9a0d47
commit 8ca750b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/template-part-converter/convert-to-template-part.js b/packages/edit-site/src/components/template-part-converter/convert-to-template-part.js
@@ -140,7 +140,7 @@ export default function ConvertToTemplatePart( { clientIds, blocks } ) {
 																icon={ icon }
 															/>
 														</FlexItem>
-														<FlexBlock>
+														<FlexBlock className="edit-site-template-part-converter__option-label">
 															{ label }
 															<div>
 																{ description }

diff --git a/packages/edit-site/src/components/template-part-converter/style.scss b/packages/edit-site/src/components/template-part-converter/style.scss
@@ -56,12 +56,12 @@
 			color: $gray-900;
 			cursor: auto;
 
-			.components-flex__block div {
+			.edit-site-template-part-converter__option-label div {
 				color: $gray-600;
 			}
 		}
 
-		.components-flex__block {
+		.edit-site-template-part-converter__option-label {
 			padding-top: $grid-unit-05;
 			white-space: normal;