diff --git a/packages/block-library/src/missing/edit.native.js b/packages/block-library/src/missing/edit.native.js
index d72c9ef52ac79..26f0526983b6a 100644
--- a/packages/block-library/src/missing/edit.native.js
+++ b/packages/block-library/src/missing/edit.native.js
@@ -31,6 +31,8 @@ export class UnsupportedBlockEdit extends Component {
}
renderHelpIcon() {
+ const infoIconStyle = this.props.getStylesFromColorScheme( styles.infoIcon, styles.infoIconDark );
+
return (
@@ -54,6 +57,7 @@ export class UnsupportedBlockEdit extends Component {
const infoTextStyle = getStylesFromColorScheme( styles.infoText, styles.infoTextDark );
const infoTitleStyle = getStylesFromColorScheme( styles.infoTitle, styles.infoTitleDark );
const infoDescriptionStyle = getStylesFromColorScheme( styles.infoDescription, styles.infoDescriptionDark );
+ const infoIconStyle = getStylesFromColorScheme( styles.infoIcon, styles.infoIconDark );
// translators: %s: Name of the block
const titleFormat = Platform.OS === 'android' ? __( '\'%s\' isn\'t yet supported on WordPress for Android' ) :
@@ -70,7 +74,7 @@ export class UnsupportedBlockEdit extends Component {
onClose={ this.toggleSheet.bind( this ) }
>
-
+
{ infoTitle }
diff --git a/packages/block-library/src/missing/style.native.scss b/packages/block-library/src/missing/style.native.scss
index c8f66d797ea1a..e07ee087074b5 100644
--- a/packages/block-library/src/missing/style.native.scss
+++ b/packages/block-library/src/missing/style.native.scss
@@ -31,6 +31,11 @@
height: 36;
padding-top: 8;
padding-bottom: 8;
+ color: $gray-darken-20;
+}
+
+.infoIconDark {
+ color: $gray-20;
}
.infoText {