| @@ -1,10 +1,10 @@ | ||
| 1 | 1 | import { __ } from '@wordpress/i18n'; |
| 2 | 2 | |
| 3 | 3 | export const ErrorMessage = ({ children }) => ( |
| 4 | - <div className="mb-4 ml-10 mr-2 min-w-0 flex-1 flex-col gap-1 rtl:ml-2 rtl:mr-10 rtl:flex"> | |
| 5 | - <div className="flex gap-2 rounded-lg border border-wp-alert-red bg-wp-alert-red/10 p-3 text-red-800"> | |
| 6 | - <div> | |
| 4 | + <div className="mb-4 ms-2 me-2 min-w-0 flex-1 flex-col gap-1 rtl:flex"> | |
| 5 | + <div className="flex items-center gap-2 border-l-4 border-l-wp-alert-red bg-wp-notice-error p-3 text-gray-900"> | |
| 6 | + <div className="text-wp-alert-red"> | |
| 7 | 7 | <svg |
| 8 | 8 | xmlns="http://www.w3.org/2000/svg" |
| 9 | 9 | fill="none" |
| 10 | 10 | viewBox="0 0 24 24" |
