From 3f3ac4f18728409ad5348145c0ea5bf9d028059c Mon Sep 17 00:00:00 2001
From: Andrea Fercia <a.fercia@gmail.com>
Date: Thu, 14 Nov 2024 09:15:02 +0100
Subject: [PATCH] Use a Notice instead of a paragraph.

---
 .../editor/src/components/post-featured-image/index.js    | 8 ++++++--
 .../editor/src/components/post-featured-image/style.scss  | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/components/post-featured-image/index.js b/packages/editor/src/components/post-featured-image/index.js
index 031c90bafc9fdd..064e6b9e0d9760 100644
--- a/packages/editor/src/components/post-featured-image/index.js
+++ b/packages/editor/src/components/post-featured-image/index.js
@@ -15,6 +15,7 @@ import {
 	withNotices,
 	withFilters,
 	__experimentalHStack as HStack,
+	Notice,
 } from '@wordpress/components';
 import { isBlobURL } from '@wordpress/blob';
 import { useState, useRef } from '@wordpress/element';
@@ -184,11 +185,14 @@ function PostFeaturedImage( {
 						render={ ( { open } ) => (
 							<div className="editor-post-featured-image__container">
 								{ isMissingMedia ? (
-									<p>
+									<Notice
+										status="warning"
+										isDismissible={ false }
+									>
 										{ __(
 											'Could not retrieve the featured image data.'
 										) }
-									</p>
+									</Notice>
 								) : (
 									<Button
 										__next40pxDefaultSize
diff --git a/packages/editor/src/components/post-featured-image/style.scss b/packages/editor/src/components/post-featured-image/style.scss
index bcbddd084b9c06..bf9433faa662d4 100644
--- a/packages/editor/src/components/post-featured-image/style.scss
+++ b/packages/editor/src/components/post-featured-image/style.scss
@@ -23,6 +23,7 @@
 
 	.editor-post-featured-image__actions.editor-post-featured-image__actions-missing-image {
 		opacity: 1;
+		margin-top: $grid-unit-20;
 	}
 
 	.components-drop-zone__content {