diff --git a/src/platform/packages/shared/response-ops/alerts-delete/components/modal.tsx b/src/platform/packages/shared/response-ops/alerts-delete/components/modal.tsx
index 114cb484fdb21..247c1b54cce72 100644
--- a/src/platform/packages/shared/response-ops/alerts-delete/components/modal.tsx
+++ b/src/platform/packages/shared/response-ops/alerts-delete/components/modal.tsx
@@ -420,6 +420,7 @@ export const AlertDeleteModal = ({
             isInvalid={!validations.isDeleteConfirmationValid}
           >
             <EuiFieldText
+              isInvalid={!validations.isDeleteConfirmationValid}
               value={deleteConfirmation}
               disabled={isDisabled || !currentSettingsWouldDeleteAlerts}
               onChange={onChangeDeleteConfirmation}
diff --git a/src/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_consumer_selection.tsx b/src/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_consumer_selection.tsx
index 0fc0cd0f10058..7529b901b4505 100644
--- a/src/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_consumer_selection.tsx
+++ b/src/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_consumer_selection.tsx
@@ -101,6 +101,7 @@ export const RuleConsumerSelection = (props: RuleConsumerSelectionProps) => {
       aria-label={CONSUMER_SELECT_TITLE}
     >
       <EuiComboBox
+        isInvalid={!!baseErrors?.consumer?.length}
         fullWidth
         data-test-subj="ruleConsumerSelectionInput"
         aria-label={CONSUMER_SELECT_COMBO_BOX_TITLE}
diff --git a/src/platform/packages/shared/response-ops/rule_form/src/rule_details/rule_details.tsx b/src/platform/packages/shared/response-ops/rule_form/src/rule_details/rule_details.tsx
index 1ba67d8414ccb..efacd3ff24030 100644
--- a/src/platform/packages/shared/response-ops/rule_form/src/rule_details/rule_details.tsx
+++ b/src/platform/packages/shared/response-ops/rule_form/src/rule_details/rule_details.tsx
@@ -127,6 +127,7 @@ export const RuleDetails = () => {
             error={baseErrors?.tags}
           >
             <EuiComboBox
+              isInvalid={!!baseErrors?.tags?.length}
               fullWidth
               noSuggestions
               placeholder={RULE_TAG_PLACEHOLDER}
diff --git a/src/platform/plugins/private/image_embeddable/public/components/image_editor/image_editor_flyout.tsx b/src/platform/plugins/private/image_embeddable/public/components/image_editor/image_editor_flyout.tsx
index 1f69bddc1dc22..c8e304b9eeb58 100644
--- a/src/platform/plugins/private/image_embeddable/public/components/image_editor/image_editor_flyout.tsx
+++ b/src/platform/plugins/private/image_embeddable/public/components/image_editor/image_editor_flyout.tsx
@@ -276,6 +276,7 @@ export function ImageEditorFlyout(props: ImageEditorFlyoutProps) {
               error={srcUrlError}
             >
               <EuiTextArea
+                isInvalid={!!srcUrlError}
                 data-test-subj={'imageEmbeddableEditorUrlInput'}
                 fullWidth
                 compressed={true}
diff --git a/src/platform/plugins/private/vis_default_editor/public/components/options/required_number_input.tsx b/src/platform/plugins/private/vis_default_editor/public/components/options/required_number_input.tsx
index 2f5073405a50b..845fa3eabd254 100644
--- a/src/platform/plugins/private/vis_default_editor/public/components/options/required_number_input.tsx
+++ b/src/platform/plugins/private/vis_default_editor/public/components/options/required_number_input.tsx
@@ -13,7 +13,6 @@ import { EuiFormRow, EuiFieldNumber } from '@elastic/eui';
 interface NumberInputOptionProps<ParamName extends string> {
   disabled?: boolean;
   error?: ReactNode;
-  isInvalid?: boolean;
   label?: React.ReactNode;
   max?: number;
   min?: number;
@@ -34,7 +33,6 @@ interface NumberInputOptionProps<ParamName extends string> {
 function RequiredNumberInputOption<ParamName extends string>({
   disabled,
   error,
-  isInvalid,
   label,
   max,
   min,
@@ -60,7 +58,7 @@ function RequiredNumberInputOption<ParamName extends string>({
   );
 
   return (
-    <EuiFormRow label={label} error={error} isInvalid={isInvalid} fullWidth display="rowCompressed">
+    <EuiFormRow label={label} error={error} isInvalid={!isValid} fullWidth display="rowCompressed">
       <EuiFieldNumber
         compressed
         fullWidth
diff --git a/src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/url/url.tsx b/src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/url/url.tsx
index 03cd4aae87b44..498baa64b277c 100644
--- a/src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/url/url.tsx
+++ b/src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/url/url.tsx
@@ -223,6 +223,7 @@ export class UrlFormatEditor extends DefaultFormatEditor<
           error={error}
         >
           <EuiFieldText
+            isInvalid={!!error}
             data-test-subj="urlEditorUrlTemplate"
             value={formatParams.urlTemplate || ''}
             onChange={(e) => {
@@ -253,6 +254,7 @@ export class UrlFormatEditor extends DefaultFormatEditor<
           error={error}
         >
           <EuiFieldText
+            isInvalid={!!error}
             data-test-subj="urlEditorLabelTemplate"
             value={formatParams.labelTemplate || ''}
             onChange={(e) => {
diff --git a/src/platform/plugins/shared/es_ui_shared/static/forms/components/fields/combobox_field.tsx b/src/platform/plugins/shared/es_ui_shared/static/forms/components/fields/combobox_field.tsx
index 38d880fbe0aaf..cb3fcf55efe16 100644
--- a/src/platform/plugins/shared/es_ui_shared/static/forms/components/fields/combobox_field.tsx
+++ b/src/platform/plugins/shared/es_ui_shared/static/forms/components/fields/combobox_field.tsx
@@ -82,6 +82,7 @@ export const ComboBoxField = ({ field, euiFieldProps = {}, idAria, ...rest }: Pr
       {...rest}
     >
       <EuiComboBox
+        isInvalid={isInvalid}
         noSuggestions
         placeholder={i18n.translate('esUi.forms.comboBoxField.placeHolderText', {
           defaultMessage: 'Type and then hit "ENTER"',
diff --git a/x-pack/platform/packages/private/ml/creation_wizard_utils/components/destination_index_form.tsx b/x-pack/platform/packages/private/ml/creation_wizard_utils/components/destination_index_form.tsx
index 057969112a61f..192698dbe54c3 100644
--- a/x-pack/platform/packages/private/ml/creation_wizard_utils/components/destination_index_form.tsx
+++ b/x-pack/platform/packages/private/ml/creation_wizard_utils/components/destination_index_form.tsx
@@ -93,7 +93,9 @@ export const DestinationIndexForm: FC<DestinationIndexFormProps> = ({
               defaultMessage: 'Choose a unique destination index name.',
             }
           )}
-          isInvalid={!destinationIndexNameEmpty && !destinationIndexNameValid}
+          isInvalid={
+            destinationIndexNameEmpty || (!destinationIndexNameEmpty && !destinationIndexNameValid)
+          }
           data-test-subj="mlCreationWizardUtilsDestinationIndexInput"
         />
       </EuiFormRow>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
index d89ae352957ed..da4b0a5716ef8 100644
--- a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
@@ -254,6 +254,7 @@ export const AdditionalOptionsFields: React.FC<AdditionalOptionsFieldsProps> = (
                 }
               >
                 <EuiFieldText
+                  isInvalid={isInvalid}
                   data-test-subj="inference-endpoint-input-field"
                   fullWidth
                   disabled={isEdit}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/combined_fields/semantic_text.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/combined_fields/semantic_text.tsx
index b3b20b2c9f3a8..08427ed459b3b 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/combined_fields/semantic_text.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/combined_fields/semantic_text.tsx
@@ -170,6 +170,7 @@ export const SemanticTextForm: FC<Props> = ({ addCombinedField, hasNameCollision
           error={[fieldError]}
         >
           <EuiFieldText
+            isInvalid={fieldError !== undefined}
             placeholder={i18n.translate(
               'xpack.dataVisualizer.file.semanticTextForm.copyFieldLabel.placeholder',
               {
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/lite/index_input.tsx b/x-pack/platform/plugins/private/data_visualizer/public/lite/index_input.tsx
index f4213cd09fd0e..c37b5177b2920 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/lite/index_input.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/lite/index_input.tsx
@@ -80,6 +80,7 @@ export const IndexInput: FC<Props> = ({
       )}
     >
       <EuiFieldText
+        isInvalid={indexNameError !== ''}
         fullWidth
         value={indexNameLocal}
         onChange={(e) => setIndexNameLocal(e.target.value)}
diff --git a/x-pack/platform/plugins/private/file_upload/public/components/geo_upload_form/geo_file_picker.tsx b/x-pack/platform/plugins/private/file_upload/public/components/geo_upload_form/geo_file_picker.tsx
index a9b720428d208..6a3bae37018c7 100644
--- a/x-pack/platform/plugins/private/file_upload/public/components/geo_upload_form/geo_file_picker.tsx
+++ b/x-pack/platform/plugins/private/file_upload/public/components/geo_upload_form/geo_file_picker.tsx
@@ -151,6 +151,7 @@ export class GeoFilePicker extends Component<Props, State> {
           helpText={this._renderHelpText()}
         >
           <EuiFilePicker
+            isInvalid={!!this.state.error}
             initialPromptText={i18n.translate('xpack.fileUpload.geoFilePicker.filePicker', {
               defaultMessage: 'Select or drag and drop a file',
             })}
diff --git a/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/policy_list/components/add_policy_to_template_confirm_modal.tsx b/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/policy_list/components/add_policy_to_template_confirm_modal.tsx
index 3c23568bb7df5..42c89dd239076 100644
--- a/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/policy_list/components/add_policy_to_template_confirm_modal.tsx
+++ b/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/policy_list/components/add_policy_to_template_confirm_modal.tsx
@@ -180,6 +180,7 @@ export const AddPolicyToTemplateConfirmModal: React.FunctionComponent<Props> = (
               }
             >
               <EuiComboBox
+                isInvalid={!!templateError}
                 isLoading={isLoading}
                 placeholder={i18n.translate(
                   'xpack.indexLifecycleMgmt.policyTable.addLifecyclePolicyToTemplateConfirmModal.chooseTemplateMessage',
diff --git a/x-pack/platform/plugins/private/index_lifecycle_management/public/extend_index_management/components/add_lifecycle_confirm_modal.tsx b/x-pack/platform/plugins/private/index_lifecycle_management/public/extend_index_management/components/add_lifecycle_confirm_modal.tsx
index 0dd57124f044e..80c60b9b4350f 100644
--- a/x-pack/platform/plugins/private/index_lifecycle_management/public/extend_index_management/components/add_lifecycle_confirm_modal.tsx
+++ b/x-pack/platform/plugins/private/index_lifecycle_management/public/extend_index_management/components/add_lifecycle_confirm_modal.tsx
@@ -206,6 +206,7 @@ export class AddLifecyclePolicyConfirmModal extends Component<Props, State> {
           }
         >
           <EuiSelect
+            isInvalid={!!policyErrorMessage}
             options={options}
             value={selectedPolicyName}
             onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_number.tsx b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_number.tsx
index fe41a3a77597f..6597c1f6a30bb 100644
--- a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_number.tsx
+++ b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_number.tsx
@@ -21,6 +21,7 @@ export const AlertParamNumber: React.FC<Props> = (props: Props) => {
   return (
     <EuiFormRow label={details.label as string} error={errors} isInvalid={errors?.length > 0}>
       <EuiFieldNumber
+        isInvalid={errors?.length > 0}
         compressed
         value={value}
         append={details.append as string}
diff --git a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx
index cdcc43eb60cd0..17e23e421ef46 100644
--- a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx
+++ b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx
@@ -22,6 +22,7 @@ export const AlertParamPercentage: React.FC<Props> = (props: Props) => {
   return (
     <EuiFormRow label={label} error={errors} isInvalid={errors.length > 0}>
       <EuiFieldNumber
+        isInvalid={errors.length > 0}
         compressed
         value={value}
         append={
diff --git a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_textfield.tsx b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_textfield.tsx
index cff4507b0b77d..ec201909b567e 100644
--- a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_textfield.tsx
+++ b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_textfield.tsx
@@ -22,6 +22,7 @@ export const AlertParamTextField: React.FC<Props> = (props: Props) => {
   return (
     <EuiFormRow label={label} error={errors} isInvalid={errors?.length > 0}>
       <EuiFieldText
+        isInvalid={errors?.length > 0}
         compressed
         placeholder={placeholder}
         value={value}
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_logistics.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_logistics.tsx
index d6f739827d9be..fc91bec7d76f6 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_logistics.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_logistics.tsx
@@ -111,6 +111,7 @@ export const PolicyStepLogistics: React.FunctionComponent<StepProps> = ({
         fullWidth
       >
         <EuiFieldText
+          isInvalid={touched.name && Boolean(errors.name)}
           defaultValue={policy.name}
           fullWidth
           onBlur={() => setTouched({ ...touched, name: true })}
@@ -412,6 +413,7 @@ export const PolicyStepLogistics: React.FunctionComponent<StepProps> = ({
             fullWidth
           >
             <EuiFieldText
+              isInvalid={touched.schedule && Boolean(errors.schedule)}
               defaultValue={policy.schedule}
               fullWidth
               onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_retention.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_retention.tsx
index 336ffa157d3ca..14d258e71e7f1 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_retention.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/policy_form/steps/step_retention.tsx
@@ -170,6 +170,7 @@ export const PolicyStepRetention: React.FunctionComponent<StepProps> = ({
             fullWidth
           >
             <EuiFieldNumber
+              isInvalid={touched.minCount && Boolean(errors.minCount)}
               fullWidth
               value={retention.minCount || ''}
               onBlur={() => setTouched({ ...touched, minCount: true })}
@@ -197,6 +198,7 @@ export const PolicyStepRetention: React.FunctionComponent<StepProps> = ({
             fullWidth
           >
             <EuiFieldNumber
+              isInvalid={touched.maxCount && Boolean(errors.maxCount)}
               fullWidth
               value={retention.maxCount || ''}
               onBlur={() => setTouched({ ...touched, maxCount: true })}
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/step_one.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/step_one.tsx
index 666360f48c432..31e9eeeb325b8 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/step_one.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/step_one.tsx
@@ -115,6 +115,7 @@ export const RepositoryFormStepOne: React.FunctionComponent<Props> = ({
         fullWidth
       >
         <EuiFieldText
+          isInvalid={Boolean(hasValidationErrors && validation.errors.name)}
           defaultValue={repository.name}
           fullWidth
           onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/azure_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/azure_settings.tsx
index 4eff9d93d2303..001d1d52f05fc 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/azure_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/azure_settings.tsx
@@ -335,6 +335,7 @@ export const AzureSettings: React.FunctionComponent<Props> = ({
           error={settingErrors.locationMode}
         >
           <EuiSelect
+            isInvalid={Boolean(hasErrors && settingErrors.locationMode)}
             options={locationModeOptions}
             value={locationMode || locationModeOptions[0].value}
             onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/chunk_size.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/chunk_size.tsx
index 0eb7185aaa4b9..38a5c1d8d2da2 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/chunk_size.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/chunk_size.tsx
@@ -67,6 +67,7 @@ export const ChunkSizeField: React.FunctionComponent<Props> = ({
         }
       >
         <EuiFieldText
+          isInvalid={isInvalid}
           defaultValue={defaultValue}
           fullWidth
           onChange={(e) => updateSettings('chunkSize', e.target.value)}
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_restore.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_restore.tsx
index b5be6d079558b..82cf640fef8e0 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_restore.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_restore.tsx
@@ -67,6 +67,7 @@ export const MaxRestoreField: React.FunctionComponent<Props> = ({
         }
       >
         <EuiFieldText
+          isInvalid={isInvalid}
           defaultValue={defaultValue}
           fullWidth
           onChange={(e) => updateSettings('maxRestoreBytesPerSec', e.target.value)}
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_snapshots.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_snapshots.tsx
index b126770e37ac1..8facff6ee15a4 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_snapshots.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/common/max_snapshots.tsx
@@ -68,6 +68,7 @@ export const MaxSnapshotsField: React.FunctionComponent<Props> = ({
         }
       >
         <EuiFieldText
+          isInvalid={isInvalid}
           defaultValue={defaultValue}
           fullWidth
           onChange={(e) => updateSettings('maxSnapshotBytesPerSec', e.target.value)}
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/fs_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/fs_settings.tsx
index f402c6e342206..e99538adc8ffa 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/fs_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/fs_settings.tsx
@@ -89,6 +89,7 @@ export const FSSettings: React.FunctionComponent<Props> = ({
           error={settingErrors.location}
         >
           <EuiFieldText
+            isInvalid={Boolean(hasErrors && settingErrors.location)}
             defaultValue={location || ''}
             fullWidth
             onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/hdfs_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/hdfs_settings.tsx
index 5526b6fe006c0..0e1802e5922c2 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/hdfs_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/hdfs_settings.tsx
@@ -97,6 +97,7 @@ export const HDFSSettings: React.FunctionComponent<Props> = ({
           error={settingErrors.uri}
         >
           <EuiFieldText
+            isInvalid={Boolean(hasErrors && settingErrors.uri)}
             prepend={
               <EuiText size="s" id="hdfsRepositoryUriProtocolDescription">
                 {/* Wrap as string due to prettier not parsing `//` inside JSX correctly (prettier/prettier#2347) */}
@@ -148,6 +149,7 @@ export const HDFSSettings: React.FunctionComponent<Props> = ({
           error={settingErrors.path}
         >
           <EuiFieldText
+            isInvalid={Boolean(hasErrors && settingErrors.path)}
             defaultValue={path || ''}
             fullWidth
             onChange={(e) => {
@@ -286,6 +288,7 @@ export const HDFSSettings: React.FunctionComponent<Props> = ({
           error={settingErrors.securityPrincipal}
         >
           <EuiFieldText
+            isInvalid={Boolean(hasErrors && settingErrors.securityPrincipal)}
             defaultValue={securityPrincipal || ''}
             fullWidth
             onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/readonly_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/readonly_settings.tsx
index a6451bb538cc5..5a4fd0f0773a1 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/readonly_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/readonly_settings.tsx
@@ -150,6 +150,7 @@ export const ReadonlySettings: React.FunctionComponent<Props> = ({
                 error={settingErrors.url}
               >
                 <EuiFieldText
+                  isInvalid={Boolean(hasErrors && settingErrors.url)}
                   defaultValue={url ? url.split('://')[1] : ''}
                   fullWidth
                   onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/s3_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/s3_settings.tsx
index 9747928f9b5ae..a73f8a0fb58db 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/s3_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/repository_form/type_settings/s3_settings.tsx
@@ -393,6 +393,7 @@ export const S3Settings: React.FunctionComponent<Props> = ({
           }
         >
           <EuiFieldText
+            isInvalid={Boolean(hasErrors && settingErrors.bufferSize)}
             defaultValue={bufferSize || ''}
             fullWidth
             onChange={(e) => {
@@ -437,6 +438,7 @@ export const S3Settings: React.FunctionComponent<Props> = ({
           error={settingErrors.cannedAcl}
         >
           <EuiSelect
+            isInvalid={Boolean(hasErrors && settingErrors.cannedAcl)}
             options={cannedAclOptions}
             value={cannedAcl || cannedAclOptions[0].value}
             onChange={(e) => {
@@ -482,6 +484,7 @@ export const S3Settings: React.FunctionComponent<Props> = ({
           error={settingErrors.storageClass}
         >
           <EuiSelect
+            isInvalid={Boolean(hasErrors && settingErrors.storageClass)}
             options={storageClassOptions}
             value={storageClass || storageClassOptions[0].value}
             onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_logistics/step_logistics.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_logistics/step_logistics.tsx
index 1c7ddc2fc6712..ed32865c87fa4 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_logistics/step_logistics.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_logistics/step_logistics.tsx
@@ -502,6 +502,7 @@ export const RestoreSnapshotStepLogistics: React.FunctionComponent<StepProps> =
                       error={errors.renamePattern}
                     >
                       <EuiFieldText
+                        isInvalid={Boolean(errors.renamePattern)}
                         value={renamePattern}
                         placeholder="data_(.+)"
                         onChange={(e) => {
@@ -529,6 +530,7 @@ export const RestoreSnapshotStepLogistics: React.FunctionComponent<StepProps> =
                       error={errors.renameReplacement}
                     >
                       <EuiFieldText
+                        isInvalid={Boolean(errors.renameReplacement)}
                         value={renameReplacement}
                         placeholder="restored_data_$1"
                         onChange={(e) => {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_settings.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_settings.tsx
index 1b6d2ea2b7afc..5a1dd8624f785 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_settings.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/restore_snapshot_form/steps/step_settings.tsx
@@ -281,6 +281,7 @@ export const RestoreSnapshotStepSettings: React.FunctionComponent<StepProps> = (
                   error={errors.ignoreIndexSettings}
                 >
                   <EuiComboBox
+                    isInvalid={Boolean(errors.ignoreIndexSettings)}
                     placeholder={i18n.translate(
                       'xpack.snapshotRestore.restoreForm.stepSettings.ignoreIndexSettingsPlaceholder',
                       {
diff --git a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/retention_update_modal_provider.tsx b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/retention_update_modal_provider.tsx
index e0fa46bb3c016..ec1228d6c1d15 100644
--- a/x-pack/platform/plugins/private/snapshot_restore/public/application/components/retention_update_modal_provider.tsx
+++ b/x-pack/platform/plugins/private/snapshot_restore/public/application/components/retention_update_modal_provider.tsx
@@ -201,6 +201,7 @@ export const RetentionSettingsUpdateModalProvider: React.FunctionComponent<Props
                 fullWidth
               >
                 <EuiFieldText
+                  isInvalid={isInvalid}
                   defaultValue={retentionSchedule}
                   fullWidth
                   onChange={(e) => setRetentionSchedule(e.target.value)}
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/group_by_list/popover_form.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/group_by_list/popover_form.tsx
index 5ee35a6312882..4f2f448987918 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/group_by_list/popover_form.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/group_by_list/popover_form.tsx
@@ -302,6 +302,7 @@ export const PopoverForm: React.FC<Props> = ({ defaultData, otherAggNames, onCha
           })}
         >
           <EuiComboBox
+            isInvalid={!timeZoneValid}
             options={TIMEZONE_OPTIONS}
             onChange={(opt) => setSelectedTimeZone(opt)}
             selectedOptions={selectedTimeZone}
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/terms_agg/terms_form_component.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/terms_agg/terms_form_component.tsx
index 0af2c70564adf..347ed8f56fac7 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/terms_agg/terms_form_component.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/terms_agg/terms_form_component.tsx
@@ -31,6 +31,7 @@ export const TermsAggForm: IPivotAggsConfigTerms['AggFormComponent'] = ({
         isInvalid={!isValid}
       >
         <EuiFieldNumber
+          isInvalid={!isValid}
           value={aggConfig.size}
           onChange={(e) => {
             onChange({ size: Number(e.target.value) });
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
index 3bfcd7d7d9dfb..59b27a52f264d 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
@@ -826,7 +826,7 @@ export const StepDetailsForm: FC<StepDetailsFormProps> = React.memo(
                     defaultMessage: 'Choose a maximum page search size.',
                   }
                 )}
-                isInvalid={!isTransformFrequencyValid}
+                isInvalid={!isTransformSettingsMaxPageSearchSizeValid}
                 data-test-subj="transformMaxPageSearchSizeInput"
               />
             </EuiFormRow>
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/edit_transform/components/edit_transform_retention_policy.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/edit_transform/components/edit_transform_retention_policy.tsx
index 119302cab7581..844f31f164ff7 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/edit_transform/components/edit_transform_retention_policy.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/edit_transform/components/edit_transform_retention_policy.tsx
@@ -140,6 +140,7 @@ export const EditTransformRetentionPolicy: FC = () => {
                 )}
               >
                 <EuiSelect
+                  isInvalid={retentionPolicyField.errorMessages.length > 0}
                   aria-label={i18n.translate(
                     'xpack.transform.transformList.editFlyoutFormRetentionPolicyFieldSelectAriaLabel',
                     {
diff --git a/x-pack/platform/plugins/shared/automatic_import/public/components/create_integration/create_automatic_import/steps/data_stream_step/data_stream_step.tsx b/x-pack/platform/plugins/shared/automatic_import/public/components/create_integration/create_automatic_import/steps/data_stream_step/data_stream_step.tsx
index 4c9e9270b9c71..08ffa3d5d95ef 100644
--- a/x-pack/platform/plugins/shared/automatic_import/public/components/create_integration/create_automatic_import/steps/data_stream_step/data_stream_step.tsx
+++ b/x-pack/platform/plugins/shared/automatic_import/public/components/create_integration/create_automatic_import/steps/data_stream_step/data_stream_step.tsx
@@ -198,7 +198,7 @@ export const DataStreamStep = React.memo<DataStreamStepProps>(
                     data-test-subj="nameInput"
                     value={name}
                     onChange={onChange.name}
-                    isInvalid={invalidFields.name}
+                    isInvalid={!!nameInputError || invalidFields.name}
                     isLoading={isLoadingPackageNames}
                     disabled={isLoadingPackageNames}
                   />
diff --git a/x-pack/platform/plugins/shared/cases/public/components/case_form_fields/assignees.tsx b/x-pack/platform/plugins/shared/cases/public/components/case_form_fields/assignees.tsx
index d3a6363d33a3c..57a87abc920c9 100644
--- a/x-pack/platform/plugins/shared/cases/public/components/case_form_fields/assignees.tsx
+++ b/x-pack/platform/plugins/shared/cases/public/components/case_form_fields/assignees.tsx
@@ -182,6 +182,7 @@ const AssigneesFieldComponent: React.FC<FieldProps> = React.memo(
         data-test-subj="caseAssignees"
       >
         <EuiComboBox
+          isInvalid={isInvalid}
           fullWidth
           async
           isLoading={isLoading}
diff --git a/x-pack/platform/plugins/shared/cases/public/components/connectors/resilient/case_fields.tsx b/x-pack/platform/plugins/shared/cases/public/components/connectors/resilient/case_fields.tsx
index ee7538543ec41..957a829d65178 100644
--- a/x-pack/platform/plugins/shared/cases/public/components/connectors/resilient/case_fields.tsx
+++ b/x-pack/platform/plugins/shared/cases/public/components/connectors/resilient/case_fields.tsx
@@ -96,6 +96,7 @@ const ResilientFieldsComponent: React.FunctionComponent<ConnectorFieldsProps> =
               error={errorMessage}
             >
               <EuiComboBox
+                isInvalid={isInvalid}
                 data-test-subj="incidentTypeComboBox"
                 fullWidth
                 isClearable={true}
diff --git a/x-pack/platform/plugins/shared/content_connectors/public/components/connector_detail/attach_index_box.tsx b/x-pack/platform/plugins/shared/content_connectors/public/components/connector_detail/attach_index_box.tsx
index 4f61b33dff419..5afc5ad132e0c 100644
--- a/x-pack/platform/plugins/shared/content_connectors/public/components/connector_detail/attach_index_box.tsx
+++ b/x-pack/platform/plugins/shared/content_connectors/public/components/connector_detail/attach_index_box.tsx
@@ -277,6 +277,7 @@ export const AttachIndexBox: React.FC<AttachIndexBoxProps> = ({ connector }) =>
             isInvalid={!!error}
           >
             <EuiComboBox
+              isInvalid={!!error}
               placeholder={i18n.translate(
                 'xpack.searchConnectorsattachIndexBox.euiFormRow.indexSelector.placeholder',
                 { defaultMessage: 'Select or create an index' }
diff --git a/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/start_step.tsx b/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/start_step.tsx
index 4273e221247cf..24e1b28bf04ef 100644
--- a/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/start_step.tsx
+++ b/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/start_step.tsx
@@ -141,6 +141,7 @@ const StartStep: React.FC<StartStepProps> = ({
                   }
                 >
                   <EuiFieldText
+                    isInvalid={!!error}
                     data-test-subj="enterpriseSearchStartStepFieldText"
                     fullWidth
                     name="connectorName"
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/index.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/index.tsx
index a3f60d75f109e..9262cc9c1ab10 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/index.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/index.tsx
@@ -405,7 +405,7 @@ export const AgentPolicyAdvancedOptionsContent: React.FunctionComponent<Props> =
                 namespace: (selectedOptions.length ? selectedOptions[0] : '') as string,
               });
             }}
-            isInvalid={Boolean(touchedFields.namespace && validation.namespace)}
+            isInvalid={Boolean(validation.namespace)}
             onBlur={() => setTouchedFields({ ...touchedFields, namespace: true })}
           />
         </EuiFormRow>
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/space_selector.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/space_selector.tsx
index 123044059eae0..8c064fbba8d55 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/space_selector.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/components/agent_policy_advanced_fields/space_selector.tsx
@@ -122,6 +122,7 @@ export const SpaceSelectorComponent: React.FC<SpaceSelectorProps> = ({
       isInvalid={Boolean(error)}
     >
       <EuiComboBox
+        isInvalid={Boolean(error)}
         data-test-subj={'spaceSelectorComboBox'}
         aria-label={i18n.translate('xpack.fleet.agentPolicies.spaceSelectorLabel', {
           defaultMessage: 'Spaces',
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/step_define_package_policy.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/step_define_package_policy.tsx
index 163016123916b..52032289e0b4c 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/step_define_package_policy.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/step_define_package_policy.tsx
@@ -184,6 +184,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
                 }
               >
                 <EuiFieldText
+                  isInvalid={!!validationResults.name}
                   fullWidth
                   readOnly={isManaged}
                   value={packagePolicy.name}
@@ -219,6 +220,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
                 error={validationResults.description}
               >
                 <EuiFieldText
+                  isInvalid={!!validationResults.description}
                   fullWidth
                   readOnly={isManaged}
                   value={packagePolicy.description}
@@ -419,6 +421,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
                       }
                     >
                       <EuiComboBox
+                        isInvalid={validationResults?.additional_datastreams_permissions !== null}
                         selectedOptions={selectedDatastreamOptions}
                         options={datastreamsOptions}
                         onChange={(val) => {
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agents/agent_list_page/components/migrate_agent_flyout/index.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agents/agent_list_page/components/migrate_agent_flyout/index.tsx
index 1fdd13665d31e..2463836434296 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agents/agent_list_page/components/migrate_agent_flyout/index.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agents/agent_list_page/components/migrate_agent_flyout/index.tsx
@@ -227,6 +227,7 @@ export const AgentMigrateFlyout: React.FC<Props> = ({
               }
             >
               <EuiFieldText
+                isInvalid={!validClusterURL && formContent.uri !== ''}
                 placeholder={i18n.translate(
                   'xpack.fleet.agentList.migrateAgentFlyout.clusterUrlPlaceholder',
                   {
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/output_form_kafka_headers.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/output_form_kafka_headers.tsx
index 9687b81be5698..4d48665acce91 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/output_form_kafka_headers.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/output_form_kafka_headers.tsx
@@ -137,6 +137,7 @@ export const OutputFormKafkaHeaders: React.FunctionComponent<{ inputs: OutputFor
                   isInvalid={(keyErrors?.length ?? 0) > 0}
                 >
                   <EuiFieldText
+                    isInvalid={(keyErrors?.length ?? 0) > 0}
                     data-test-subj={`settingsOutputsFlyout.kafkaHeadersKeyInput${index}`}
                     fullWidth
                     value={pair.key}
@@ -159,6 +160,7 @@ export const OutputFormKafkaHeaders: React.FunctionComponent<{ inputs: OutputFor
                   isInvalid={(valueErrors?.length ?? 0) > 0}
                 >
                   <EuiFieldText
+                    isInvalid={(valueErrors?.length ?? 0) > 0}
                     data-test-subj={`settingsOutputsFlyout.kafkaHeadersValueInput${index}`}
                     fullWidth
                     value={pair.value}
diff --git a/x-pack/platform/plugins/shared/fleet/public/components/namespace_combo_box.tsx b/x-pack/platform/plugins/shared/fleet/public/components/namespace_combo_box.tsx
index eeb4f077d131e..6dba8f7a8e965 100644
--- a/x-pack/platform/plugins/shared/fleet/public/components/namespace_combo_box.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/components/namespace_combo_box.tsx
@@ -91,6 +91,7 @@ export const NamespaceComboBox: React.FC<NamespaceFormRowProps> = ({
       helpText={getHelpText()}
     >
       <EuiComboBox
+        isInvalid={!!validationError}
         fullWidth={fullWidth}
         data-test-subj={dataTestSubj}
         noSuggestions
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/fielddata_frequency_filter_absolute.tsx b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/fielddata_frequency_filter_absolute.tsx
index 8c1ddacb9ed0b..52aeac3d1c142 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/fielddata_frequency_filter_absolute.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/fielddata_frequency_filter_absolute.tsx
@@ -42,6 +42,7 @@ export const FielddataFrequencyFilterAbsolute = ({ min, max }: Props) => {
       }
     >
       <EuiFormControlLayoutDelimited
+        isInvalid={minIsInvalid || maxIsInvalid}
         startControl={
           <EuiFieldNumber
             value={min.value as EuiFieldNumberProps['value']}
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
index 7307dd0e41eda..a3df8f8427b2a 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
@@ -117,6 +117,7 @@ export const PathParameter = ({ field, allFields }: Props) => {
                 fullWidth
               >
                 <EuiComboBox
+                  isInvalid={isInvalid}
                   placeholder={i18n.translate(
                     'xpack.idxMgmt.mappingsEditor.aliasType.pathPlaceholderLabel',
                     {
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/subtype_parameter.tsx b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/subtype_parameter.tsx
index 14280b0fac377..be1db9a9e43bd 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/subtype_parameter.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/subtype_parameter.tsx
@@ -72,6 +72,7 @@ export const SubTypeParameter = ({
           return (
             <EuiFormRow label={subTypeField.label} error={error} isInvalid={isInvalid}>
               <EuiComboBox
+                isInvalid={isInvalid}
                 placeholder={i18n.translate(
                   'xpack.idxMgmt.mappingsEditor.subTypeField.placeholderLabel',
                   {
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx
index 528019416ad69..34d63ea7d30d3 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx
@@ -87,6 +87,7 @@ export const TypeParameter = ({
             }
           >
             <EuiComboBox
+              isInvalid={isInvalid}
               placeholder={i18n.translate(
                 'xpack.idxMgmt.mappingsEditor.typeField.placeholderLabel',
                 {
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/sections/enrich_policy_create/steps/fields/indices_selector.tsx b/x-pack/platform/plugins/shared/index_management/public/application/sections/enrich_policy_create/steps/fields/indices_selector.tsx
index 825a977638417..8d99b37e742e3 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/sections/enrich_policy_create/steps/fields/indices_selector.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/sections/enrich_policy_create/steps/fields/indices_selector.tsx
@@ -146,6 +146,7 @@ export const IndicesSelector = ({ field, euiFieldProps, ...rest }: Props) => {
       {...rest}
     >
       <EuiComboBox
+        isInvalid={isInvalid}
         async
         placeholder={i18nTexts.sourcePlaceholder}
         isLoading={isIndiciesLoading}
diff --git a/x-pack/platform/plugins/shared/index_management/public/application/sections/home/index_list/create_index/create_index_modal.tsx b/x-pack/platform/plugins/shared/index_management/public/application/sections/home/index_list/create_index/create_index_modal.tsx
index f3aa4a888527b..b418b56e5f214 100644
--- a/x-pack/platform/plugins/shared/index_management/public/application/sections/home/index_list/create_index/create_index_modal.tsx
+++ b/x-pack/platform/plugins/shared/index_management/public/application/sections/home/index_list/create_index/create_index_modal.tsx
@@ -129,6 +129,7 @@ export const CreateIndexModal = ({ closeModal, loadIndices }: CreateIndexModalPr
             error={indexNameError}
           >
             <EuiFieldText
+              isInvalid={indexNameError !== undefined}
               fullWidth
               name="indexName"
               value={indexName}
diff --git a/x-pack/platform/plugins/shared/ingest_pipelines/public/application/components/pipeline_editor/components/processor_form/processors/common_fields/processor_type_field.tsx b/x-pack/platform/plugins/shared/ingest_pipelines/public/application/components/pipeline_editor/components/processor_form/processors/common_fields/processor_type_field.tsx
index 8e710fd617c70..67005a125118f 100644
--- a/x-pack/platform/plugins/shared/ingest_pipelines/public/application/components/pipeline_editor/components/processor_form/processors/common_fields/processor_type_field.tsx
+++ b/x-pack/platform/plugins/shared/ingest_pipelines/public/application/components/pipeline_editor/components/processor_form/processors/common_fields/processor_type_field.tsx
@@ -155,6 +155,7 @@ export const ProcessorTypeField: FunctionComponent<Props> = ({ initialType }) =>
             data-test-subj="processorTypeSelector"
           >
             <EuiComboBox
+              isInvalid={isInvalid}
               fullWidth
               placeholder={i18n.translate(
                 'xpack.ingestPipelines.pipelineEditor.typeField.typeFieldComboboxPlaceholder',
diff --git a/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/static_value.tsx b/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/static_value.tsx
index bd6d9acbba09a..23fce1ba28803 100644
--- a/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/static_value.tsx
+++ b/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/static_value.tsx
@@ -237,6 +237,7 @@ export const staticValueOperation: OperationDefinition<
         }
       >
         <EuiFieldNumber
+          isInvalid={!inputValueIsValid}
           fullWidth
           data-test-subj="lns-indexPattern-static_value-input"
           compressed
diff --git a/x-pack/platform/plugins/shared/lens/public/shared_components/range_input_field.tsx b/x-pack/platform/plugins/shared/lens/public/shared_components/range_input_field.tsx
index eb7c7e5299e84..cf84963c02a83 100644
--- a/x-pack/platform/plugins/shared/lens/public/shared_components/range_input_field.tsx
+++ b/x-pack/platform/plugins/shared/lens/public/shared_components/range_input_field.tsx
@@ -49,6 +49,7 @@ export function RangeInputField({
       error={error}
     >
       <EuiFormControlLayoutDelimited
+        isInvalid={isInvalid}
         data-test-subj={testSubjLayout}
         compressed
         startControl={
@@ -67,6 +68,7 @@ export function RangeInputField({
           <EuiFieldNumber
             compressed
             value={upperValue}
+            isInvalid={isInvalid}
             data-test-subj={testSubjUpper}
             onChange={onUpperValueChange}
             onBlur={onUpperValueBlur}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/pipeline_details.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/pipeline_details.tsx
index fd30215248535..0a8a1edf5208b 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/pipeline_details.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/pipeline_details.tsx
@@ -84,6 +84,7 @@ export const PipelineDetails: FC<Props> = memo(
                 isInvalid={targetFieldError !== undefined}
               >
                 <EuiFieldText
+                  isInvalid={targetFieldError !== undefined}
                   fullWidth
                   data-test-subj="mlTrainedModelsInferencePipelineTargetFieldInput"
                   value={targetField}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/reindex_with_pipeline.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/reindex_with_pipeline.tsx
index 418f2b49d59d2..444ae592bb5b1 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/reindex_with_pipeline.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/reindex_with_pipeline.tsx
@@ -355,6 +355,7 @@ export const ReindexWithPipeline: FC<Props> = ({ pipelineName, sourceIndex }) =>
               }
             >
               <EuiFieldText
+                isInvalid={destinationIndexInvalidMessage !== undefined || destinationIndexExists}
                 value={destinationIndex}
                 onChange={onDestIndexNameChange}
                 aria-label={i18n.translate(
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/shared/pipeline_name_and_description.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/shared/pipeline_name_and_description.tsx
index 94ceea607a706..6e4452a64c5ae 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/shared/pipeline_name_and_description.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/shared/pipeline_name_and_description.tsx
@@ -61,6 +61,7 @@ export const PipelineNameAndDescription: FC<Props> = ({
         isInvalid={pipelineNameError !== undefined}
       >
         <EuiFieldText
+          isInvalid={pipelineNameError !== undefined}
           data-test-subj="mlTrainedModelsInferencePipelineNameInput"
           fullWidth
           placeholder={i18n.translate(
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
index e87201cbb7b11..84c62f955472b 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
@@ -327,6 +327,10 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.FEATURE_INFLUENCE_THRESHOLD]}
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.FEATURE_INFLUENCE_THRESHOLD] !==
+              undefined
+            }
             onChange={(e) =>
               setFormState({
                 featureInfluenceThreshold: e.target.value === '' ? undefined : +e.target.value,
@@ -440,7 +444,7 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
             onChange={(e) =>
               setFormState({ randomizeSeed: e.target.value === '' ? undefined : +e.target.value })
             }
-            isInvalid={randomizeSeed !== undefined && typeof randomizeSeed !== 'number'}
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.RANDOMIZE_SEED] !== undefined}
             value={getNumberValue(randomizeSeed)}
             step={1}
           />
@@ -510,7 +514,7 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
                   setNumTopClassesSelectedOptions(selectedOptions);
                 }}
                 isClearable={true}
-                isInvalid={selectedNumTopClasses !== undefined && selectedNumTopClasses < -1}
+                isInvalid={selectedNumTopClasses === 0 || selectedNumTopClassesIsInvalid}
                 data-test-subj="mlAnalyticsCreateJobWizardnumTopClassesInput"
               />
             </EuiFormRow>
@@ -580,6 +584,7 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
             }
           >
             <EuiFieldNumber
+              isInvalid={maxNumThreads === 0}
               aria-label={i18n.translate(
                 'xpack.ml.dataframe.analytics.create.maxNumThreadsInputAriaLabel',
                 {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/hyper_parameters.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/hyper_parameters.tsx
index 7638e4325ce2f..99a35e3fcdc70 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/hyper_parameters.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/hyper_parameters.tsx
@@ -52,6 +52,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.LAMBDA]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.LAMBDA] !== undefined}
             aria-label={i18n.translate('xpack.ml.dataframe.analytics.create.lambdaInputAriaLabel', {
               defaultMessage: 'A multiplier of leaf weights in loss calculations.',
             })}
@@ -87,7 +88,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
             onChange={(e) =>
               setFormState({ maxTrees: e.target.value === '' ? undefined : +e.target.value })
             }
-            isInvalid={maxTrees !== undefined && !Number.isInteger(maxTrees)}
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.MAX_TREES] !== undefined}
             step={1}
             min={1}
             max={MAX_TREES_LIMIT}
@@ -108,6 +109,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.GAMMA]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.GAMMA] !== undefined}
             aria-label={i18n.translate('xpack.ml.dataframe.analytics.create.gammaInputAriaLabel', {
               defaultMessage: 'A multiplier of the tree size in loss calculations.',
             })}
@@ -133,6 +135,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ETA]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ETA] !== undefined}
             aria-label={i18n.translate('xpack.ml.dataframe.analytics.create.etaInputAriaLabel', {
               defaultMessage: 'The shrinkage applied to the weights.',
             })}
@@ -176,8 +179,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
               })
             }
             isInvalid={
-              featureBagFraction !== undefined &&
-              (featureBagFraction > 1 || featureBagFraction <= 0)
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.FEATURE_BAG_FRACTION] !== undefined
             }
             step={0.001}
             max={1}
@@ -198,6 +200,7 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ALPHA]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ALPHA] !== undefined}
             aria-label={i18n.translate('xpack.ml.dataframe.analytics.create.alphaInputAriaLabel', {
               defaultMessage: 'A multiplier of the tree depth in loss calculations.',
             })}
@@ -224,6 +227,9 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.DOWNSAMPLE_FACTOR]}
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.DOWNSAMPLE_FACTOR] !== undefined
+            }
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.downsampleFactorInputAriaLabel',
               {
@@ -259,6 +265,9 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ETA_GROWTH_RATE_PER_TREE]}
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.ETA_GROWTH_RATE_PER_TREE] !== undefined
+            }
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.etaGrowthRatePerTreeInputAriaLabel',
               {
@@ -304,6 +313,11 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           }
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[
+                ANALYSIS_ADVANCED_FIELDS.MAX_OPTIMIZATION_ROUNDS_PER_HYPERPARAMETER
+              ] !== undefined
+            }
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.maxOptimizationRoundsPerHyperparameterInputAriaLabel',
               {
@@ -340,6 +354,9 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.SOFT_TREE_DEPTH_LIMIT]}
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.SOFT_TREE_DEPTH_LIMIT] !== undefined
+            }
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.softTreeDepthLimitInputAriaLabel',
               {
@@ -377,6 +394,9 @@ export const HyperParameters: FC<Props> = ({ actions, state, advancedParamErrors
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.SOFT_TREE_DEPTH_TOLERANCE]}
         >
           <EuiFieldNumber
+            isInvalid={
+              advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.SOFT_TREE_DEPTH_TOLERANCE] !== undefined
+            }
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.softTreeDepthToleranceInputAriaLabel',
               {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/outlier_hyper_parameters.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/outlier_hyper_parameters.tsx
index e590f4cb7fd88..432efb0dfb4b7 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/outlier_hyper_parameters.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/outlier_hyper_parameters.tsx
@@ -41,6 +41,7 @@ export const OutlierHyperParameters: FC<Props> = ({ actions, state, advancedPara
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.METHOD]}
         >
           <EuiSelect
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.METHOD] !== undefined}
             options={Object.values(OUTLIER_ANALYSIS_METHOD).map((outlierMethod) => ({
               value: outlierMethod,
               text: outlierMethod,
@@ -67,6 +68,7 @@ export const OutlierHyperParameters: FC<Props> = ({ actions, state, advancedPara
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.N_NEIGHBORS]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.N_NEIGHBORS] !== undefined}
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.nNeighborsInputAriaLabel',
               {
@@ -97,6 +99,7 @@ export const OutlierHyperParameters: FC<Props> = ({ actions, state, advancedPara
           error={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.OUTLIER_FRACTION]}
         >
           <EuiFieldNumber
+            isInvalid={advancedParamErrors[ANALYSIS_ADVANCED_FIELDS.OUTLIER_FRACTION] !== undefined}
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analytics.create.outlierFractionInputAriaLabel',
               {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
index 7c40b121aa5fa..b5c39dea3370d 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
@@ -215,7 +215,9 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
           aria-label={i18n.translate('xpack.ml.dataframe.analytics.create.jobIdInputAriaLabel', {
             defaultMessage: 'Choose a unique analytics job ID.',
           })}
-          isInvalid={(!jobIdEmpty && !jobIdValid) || jobIdExists || jobIdEmpty}
+          isInvalid={
+            (!jobIdEmpty && !jobIdValid) || jobIdExists || jobIdInvalidMaxLength || jobIdEmpty
+          }
           data-test-subj="mlAnalyticsCreateJobFlyoutJobIdInput"
         />
       </EuiFormRow>
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_edit/edit_action_flyout.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_edit/edit_action_flyout.tsx
index 4922ae35e81d5..4a16146c177fe 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_edit/edit_action_flyout.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_edit/edit_action_flyout.tsx
@@ -279,6 +279,7 @@ export const EditActionFlyout: FC<Required<EditAction>> = ({ closeFlyout, item }
           }
         >
           <EuiFieldNumber
+            isInvalid={maxNumThreads === 0}
             aria-label={i18n.translate(
               'xpack.ml.dataframe.analyticsList.editFlyout.maxNumThreadsAriaLabel',
               {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/datavisualizer/data_drift/data_view_editor.tsx b/x-pack/platform/plugins/shared/ml/public/application/datavisualizer/data_drift/data_view_editor.tsx
index eafe31cb0f355..57174f6c753dd 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/datavisualizer/data_drift/data_view_editor.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/datavisualizer/data_drift/data_view_editor.tsx
@@ -136,6 +136,7 @@ export function DataViewEditor({
           data-test-subj={`mlDataDriftIndexPatternFormRow-${id ?? ''}`}
         >
           <EuiFieldText
+            isInvalid={errorMessage !== undefined}
             value={indexPattern}
             onChange={(e: ChangeEvent<HTMLInputElement>) => {
               let query = e.target.value;
diff --git a/x-pack/platform/plugins/shared/ml/public/application/explorer/anomaly_context_menu.tsx b/x-pack/platform/plugins/shared/ml/public/application/explorer/anomaly_context_menu.tsx
index 9a25224463695..dc94a28d4f1ac 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/explorer/anomaly_context_menu.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/explorer/anomaly_context_menu.tsx
@@ -234,6 +234,7 @@ export const AnomalyContextMenu: FC<AnomalyContextMenuProps> = ({
             }
           >
             <EuiFieldNumber
+              isInvalid={!isMaxSeriesToPlotValid}
               data-test-subj="mlAnomalyChartsInitializerMaxSeries"
               id="selectMaxSeriesToPlot"
               name="selectMaxSeriesToPlot"
diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
index 6a54d7b887330..ecc924e201746 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
+++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
@@ -419,9 +419,11 @@ exports[`CalendarForm Renders calendar form 1`] = `
       >
         <div
           class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
+          style="--euiFormControlRightIconsCount: 1;"
         >
           <input
             aria-describedby="generated-id-error-0"
+            aria-invalid="true"
             class="euiFieldText emotion-euiFieldText"
             data-test-subj="mlCalendarIdInput"
             id="generated-id"
@@ -429,6 +431,14 @@ exports[`CalendarForm Renders calendar form 1`] = `
             type="text"
             value=""
           />
+          <div
+            class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
+          >
+            <span
+              color="danger"
+              data-euiicon-type="warning"
+            />
+          </div>
         </div>
       </div>
       <div
diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/calendar_form.tsx b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/calendar_form.tsx
index a306d95bd81c0..74f3b2a04adab 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/calendar_form.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/calendar_form/calendar_form.tsx
@@ -176,6 +176,7 @@ export const CalendarForm: FC<Props> = ({
             isInvalid={!isNewCalendarIdValid}
           >
             <EuiFieldText
+              isInvalid={!isNewCalendarIdValid}
               name="calendarId"
               value={calendarId}
               onChange={onCalendarIdChange}
diff --git a/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_initializer.tsx b/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_initializer.tsx
index 862d0425523aa..f3b879551cb74 100644
--- a/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_initializer.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_initializer.tsx
@@ -143,6 +143,7 @@ export const AnomalyChartsInitializer: FC<AnomalyChartsInitializerProps> = ({
               }
             >
               <EuiFieldNumber
+                isInvalid={!isMaxSeriesToPlotValid}
                 data-test-subj="mlAnomalyChartsInitializerMaxSeries"
                 id="selectMaxSeriesToPlot"
                 name="selectMaxSeriesToPlot"
diff --git a/x-pack/platform/plugins/shared/ml/public/embeddables/job_creation/common/job_details.tsx b/x-pack/platform/plugins/shared/ml/public/embeddables/job_creation/common/job_details.tsx
index b853a2942fa30..7244f2a5e7429 100644
--- a/x-pack/platform/plugins/shared/ml/public/embeddables/job_creation/common/job_details.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/embeddables/job_creation/common/job_details.tsx
@@ -234,6 +234,7 @@ export const JobDetails: FC<PropsWithChildren<Props>> = ({
               isInvalid={jobIdValidationError !== ''}
             >
               <EuiFieldText
+                isInvalid={jobIdValidationError !== ''}
                 data-test-subj={`mlLensLayerJobIdInput_${layerIndex}`}
                 value={jobId}
                 onChange={(e) => {
@@ -266,6 +267,7 @@ export const JobDetails: FC<PropsWithChildren<Props>> = ({
                 isInvalid={bucketSpanValidationError !== ''}
               >
                 <EuiFieldText
+                  isInvalid={bucketSpanValidationError !== ''}
                   data-test-subj={`mlLensLayerBucketSpanInput_${layerIndex}`}
                   value={bucketSpan}
                   onChange={(e) => {
diff --git a/x-pack/platform/plugins/shared/osquery/public/live_queries/form/packs_combobox_field.tsx b/x-pack/platform/plugins/shared/osquery/public/live_queries/form/packs_combobox_field.tsx
index a6a1558c865a5..8e4ad24c4f54a 100644
--- a/x-pack/platform/plugins/shared/osquery/public/live_queries/form/packs_combobox_field.tsx
+++ b/x-pack/platform/plugins/shared/osquery/public/live_queries/form/packs_combobox_field.tsx
@@ -128,7 +128,8 @@ export const PacksComboBoxField = ({
       describedByIds={idAria ? [idAria] : undefined}
       {...rest}
     >
-      <EuiComboBox<PackOption>
+      <EuiComboBox
+        isInvalid={!!error}
         placeholder={i18n.translate('xpack.osquery.packs.dropdown.searchFieldPlaceholder', {
           defaultMessage: `Search for a pack to run`,
         })}
diff --git a/x-pack/platform/plugins/shared/osquery/public/packs/queries/ecs_mapping_editor_field.tsx b/x-pack/platform/plugins/shared/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
index 57636e1a4dba9..cb2fafbfe2f59 100644
--- a/x-pack/platform/plugins/shared/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
+++ b/x-pack/platform/plugins/shared/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
@@ -247,6 +247,7 @@ const ECSComboboxFieldComponent: React.FC<ECSComboboxFieldProps> = ({
       isDisabled={euiFieldProps.isDisabled}
     >
       <EuiComboBox
+        isInvalid={!!ECSFieldState.error?.message?.length}
         prepend={prepend}
         fullWidth
         singleSelection={SINGLE_SELECTION}
diff --git a/x-pack/platform/plugins/shared/osquery/public/saved_queries/saved_queries_dropdown.tsx b/x-pack/platform/plugins/shared/osquery/public/saved_queries/saved_queries_dropdown.tsx
index c82c9f7a7ed56..6474004d0fbd8 100644
--- a/x-pack/platform/plugins/shared/osquery/public/saved_queries/saved_queries_dropdown.tsx
+++ b/x-pack/platform/plugins/shared/osquery/public/saved_queries/saved_queries_dropdown.tsx
@@ -126,6 +126,7 @@ const SavedQueriesDropdownComponent: React.FC<SavedQueriesDropdownProps> = ({
       fullWidth
     >
       <EuiComboBox
+        isInvalid={!!queryFieldError}
         data-test-subj={'savedQuerySelect'}
         isDisabled={disabled}
         fullWidth
diff --git a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/es_index/es_index_params.tsx b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/es_index/es_index_params.tsx
index 0109fbdbc68ef..a94783ab0ef23 100644
--- a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/es_index/es_index_params.tsx
+++ b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/es_index/es_index_params.tsx
@@ -164,6 +164,7 @@ export const IndexParamsFields = ({
         }
       >
         <EuiFieldText
+          isInvalid={errors.indexOverride !== undefined && Number(errors.indexOverride.length) > 0}
           fullWidth
           data-test-subj="preconfiguredIndexToUse"
           prepend={ALERT_HISTORY_PREFIX}
diff --git a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/swimlane/steps/swimlane_fields.tsx b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/swimlane/steps/swimlane_fields.tsx
index 9a4f45eaa1ce5..6e60cab78fc48 100644
--- a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/swimlane/steps/swimlane_fields.tsx
+++ b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/swimlane/steps/swimlane_fields.tsx
@@ -126,6 +126,7 @@ const MappingField: React.FC<{
           return (
             <EuiFormRow label={label} error={errorMessage} isInvalid={isInvalid} fullWidth>
               <EuiComboBox
+                isInvalid={isInvalid}
                 singleSelection={SINGLE_SELECTION}
                 selectedOptions={selectedOptions}
                 onChange={onComboChange}
diff --git a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/tines/tines_params.tsx b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/tines/tines_params.tsx
index 8b4b7634b4a07..c109a457186bb 100644
--- a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/tines/tines_params.tsx
+++ b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/tines/tines_params.tsx
@@ -236,6 +236,7 @@ const TinesParamsFields: React.FunctionComponent<ActionParamsProps<TinesExecuteA
           helpText={i18n.STORY_HELP}
         >
           <EuiComboBox
+            isInvalid={!!errors.story?.length && selectedStoryOption !== undefined}
             aria-label={i18n.STORY_PLACEHOLDER}
             placeholder={
               webhookUrl ? i18n.DISABLED_BY_WEBHOOK_URL_PLACEHOLDER : i18n.STORY_ARIA_LABEL
@@ -259,6 +260,7 @@ const TinesParamsFields: React.FunctionComponent<ActionParamsProps<TinesExecuteA
           helpText={i18n.WEBHOOK_HELP}
         >
           <EuiComboBox
+            isInvalid={!!errors.webhook?.length && selectedWebhookOption !== undefined}
             aria-label={i18n.WEBHOOK_ARIA_LABEL}
             placeholder={
               webhookUrl
@@ -313,6 +315,7 @@ const TinesParamsFields: React.FunctionComponent<ActionParamsProps<TinesExecuteA
             helpText={i18n.WEBHOOK_URL_HELP}
           >
             <EuiFieldText
+              isInvalid={!!errors.webhookUrl?.length}
               placeholder={i18n.WEBHOOK_URL_PLACEHOLDER}
               value={webhookUrl}
               onChange={(ev) => {
diff --git a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/xsoar/params.tsx b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/xsoar/params.tsx
index 7660f20a642e7..58d370e27e1ab 100644
--- a/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/xsoar/params.tsx
+++ b/x-pack/platform/plugins/shared/stack_connectors/public/connector_types/xsoar/params.tsx
@@ -203,6 +203,7 @@ const XSOARParamsFields: React.FunctionComponent<ActionParamsProps<ExecutorParam
         helpText={translations.PLAYBOOK_HELP}
       >
         <EuiComboBox
+          isInvalid={!!errors.playbook?.length && selectedPlaybookOption !== undefined}
           aria-label={translations.PLAYBOOK_ARIA_LABEL}
           placeholder={translations.PLAYBOOK_PLACEHOLDER}
           singleSelection={{ asPlainText: true }}
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_enrichment/processors/config_driven/components/array_field.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_enrichment/processors/config_driven/components/array_field.tsx
index b97bbec89710f..3529b8bf683db 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_enrichment/processors/config_driven/components/array_field.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_enrichment/processors/config_driven/components/array_field.tsx
@@ -48,6 +48,7 @@ export const ArrayField = ({ fieldConfiguration }: { fieldConfiguration: FieldCo
       error={error?.message}
     >
       <EuiComboBox
+        isInvalid={invalid}
         fullWidth
         noSuggestions
         inputRef={field.ref}
diff --git a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
index 020ff53a1c4a8..21c2ab288ea1a 100644
--- a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
+++ b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
@@ -80,6 +80,7 @@ export function JavaAgentVersionInput({ isValid, version, onChange }: Props) {
         }
       >
         <EuiComboBox
+          isInvalid={!isValid}
           placeholder={i18n.translate(
             'xpack.apm.fleetIntegration.apmAgent.runtimeAttachment.versionSelect.placeHolder',
             { defaultMessage: 'Select a version' }
diff --git a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
index d1a06a96ebc78..5f1a3859b0881 100644
--- a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
+++ b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
@@ -202,6 +202,8 @@ export const Criterion: React.FC<Props> = ({
                   error={errors.field as string}
                 >
                   <EuiComboBox
+                    // @ts-expect-error upgrade typescript v5.1.6
+                    isInvalid={errors.field.length > 0}
                     compressed
                     fullWidth
                     isClearable={false}
@@ -259,6 +261,8 @@ export const Criterion: React.FC<Props> = ({
                       error={errors.comparator as string}
                     >
                       <EuiSelect
+                        // @ts-expect-error upgrade typescript v5.1.6
+                        isInvalid={errors.comparator.length > 0}
                         data-test-subj="infraCriterionSelect"
                         compressed
                         hasNoInitialSelection={criterion.comparator == null}
diff --git a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
index 9795fde2e11fa..8e15f5838d0ee 100644
--- a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
+++ b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
@@ -100,6 +100,8 @@ export const Threshold: React.FC<Props> = ({ comparator, value, updateThreshold,
                   error={errors.value as string[]}
                 >
                   <EuiFieldNumber
+                    // @ts-expect-error upgrade typescript v5.1.6
+                    isInvalid={errors.value.length > 0}
                     data-test-subj="infraThresholdFieldNumber"
                     compressed
                     value={value}
diff --git a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/indices_configuration_panel.tsx b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/indices_configuration_panel.tsx
index fac34034caf93..018fe100d589b 100644
--- a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/indices_configuration_panel.tsx
+++ b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/indices_configuration_panel.tsx
@@ -136,6 +136,7 @@ export const IndicesConfigurationPanel = ({
             readOnly={readOnly}
             isLoading={isLoading}
             {...metricAliasFieldProps}
+            isInvalid={metricAliasFieldProps.isInvalid}
           />
         </EuiFormRow>
         {isMetricAliasChanged && numberOfInfraRules > 0 && (
diff --git a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/name_configuration_panel.tsx b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/name_configuration_panel.tsx
index de6efa5bf42cb..49d9aa3fde91c 100644
--- a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/name_configuration_panel.tsx
+++ b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/settings/name_configuration_panel.tsx
@@ -66,6 +66,7 @@ export const NameConfigurationPanel = ({
           readOnly={readOnly}
           isLoading={isLoading}
           {...nameFieldProps}
+          isInvalid={nameFieldProps.isInvalid}
         />
       </EuiFormRow>
     </EuiDescribedFormGroup>
diff --git a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/budget_consumed.tsx b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/budget_consumed.tsx
index ef0126a2e7686..cb15ff428eca4 100644
--- a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/budget_consumed.tsx
+++ b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/budget_consumed.tsx
@@ -56,6 +56,7 @@ export function BudgetConsumed({
       isInvalid={hasError}
     >
       <EuiFieldNumber
+        isInvalid={hasError}
         fullWidth
         step={0.01}
         min={0.01}
diff --git a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate.tsx b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate.tsx
index 91ce6491911e0..f503ff04f7543 100644
--- a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate.tsx
+++ b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate.tsx
@@ -47,6 +47,7 @@ export function BurnRate({ onChange, initialBurnRate = 1, maxBurnRate, errors }:
       isInvalid={hasError}
     >
       <EuiFieldNumber
+        isInvalid={hasError}
         fullWidth
         step={0.01}
         min={0.01}
diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/timeslice_metric/metric_indicator.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/timeslice_metric/metric_indicator.tsx
index 39fc95c04c12a..adfb75b80afa9 100644
--- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/timeslice_metric/metric_indicator.tsx
+++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/timeslice_metric/metric_indicator.tsx
@@ -256,6 +256,7 @@ export function MetricIndicator({ indexFields, isLoadingIndex, dataView }: Metri
                   )}
                 >
                   <EuiSelect
+                    isInvalid={fieldState.invalid}
                     {...field}
                     data-test-subj="timesliceMetricComparatorSelection"
                     disabled={!indexPattern}
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_download_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_download_field.tsx
index 918e5828cb70f..492d38e509624 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_download_field.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_download_field.tsx
@@ -56,6 +56,10 @@ export const ThrottlingDownloadField = ({
       }
     >
       <EuiFieldNumber
+        isInvalid={
+          (validate ? !!validate?.[ConfigKey.THROTTLING_CONFIG]?.(throttling) : false) ||
+          exceedsDownloadLimits
+        }
         fullWidth
         min={0}
         step={0.001}
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx
index 59ebe3aa509cf..7fa505bd3bae8 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx
@@ -40,6 +40,7 @@ export const ThrottlingLatencyField = ({
       error={LATENCY_NEGATIVE_ERROR}
     >
       <EuiFieldNumber
+        isInvalid={validate ? !!validate?.[ConfigKey.THROTTLING_CONFIG]?.(throttling) : false}
         fullWidth
         min={0}
         value={throttlingValue.latency}
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx
index 8e245ba44c2a6..b5e8f6769a1ee 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx
@@ -56,6 +56,10 @@ export const ThrottlingUploadField = ({
       }
     >
       <EuiFieldNumber
+        isInvalid={
+          (validate ? !!validate?.[ConfigKey.THROTTLING_CONFIG]?.(throttling) : false) ||
+          exceedsUploadLimits
+        }
         fullWidth
         min={0}
         step={0.001}
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/uploader.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/uploader.tsx
index 3d5b783828b96..f1193bc72defb 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/uploader.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/uploader.tsx
@@ -55,6 +55,7 @@ export function Uploader({ onUpload }: Props) {
   return (
     <EuiFormRow isInvalid={Boolean(error)} error={error} aria-label={FORM_ROW_LABEL} fullWidth>
       <EuiFilePicker
+        isInvalid={Boolean(error)}
         id="syntheticsFleetScriptRecorderUploader"
         aria-label={TESTING_SCRIPT_LABEL}
         data-test-subj="syntheticsFleetScriptRecorderUploader"
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
index d472ec62237e9..2008cec8900e1 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
@@ -38,6 +38,7 @@ export const AddParamForm = ({
         error={errors?.key?.message}
       >
         <EuiFieldText
+          isInvalid={Boolean(errors?.key)}
           data-test-subj="syntheticsAddParamFormFieldText"
           fullWidth
           aria-label={KEY_LABEL}
diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/param_value_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/param_value_field.tsx
index 95956ba9fb322..f574e444247f9 100644
--- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/param_value_field.tsx
+++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/global_params/param_value_field.tsx
@@ -29,6 +29,7 @@ export const ParamValueField = ({ isEditingItem }: { isEditingItem: ListParamIte
           labelAppend={<OptionalText />}
         >
           <EuiTextArea
+            isInvalid={Boolean(errors?.value)}
             data-test-subj="syntheticsAddParamFormTextArea"
             fullWidth
             aria-label={NEW_VALUE_LABEL}
@@ -56,6 +57,7 @@ export const ParamValueField = ({ isEditingItem }: { isEditingItem: ListParamIte
       error={errors?.value?.message}
     >
       <EuiTextArea
+        isInvalid={Boolean(errors?.value)}
         data-test-subj="syntheticsAddParamFormTextArea"
         fullWidth
         aria-label={VALUE_LABEL}
diff --git a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/settings/indices_form.tsx b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/settings/indices_form.tsx
index f89e3ec71ec60..249d667b8c32d 100644
--- a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/settings/indices_form.tsx
+++ b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/settings/indices_form.tsx
@@ -73,6 +73,7 @@ export const IndicesForm: React.FC<SettingsFormProps> = ({
         }
       >
         <EuiFieldText
+          isInvalid={!!fieldErrors?.heartbeatIndices}
           data-test-subj={`heartbeat-indices-input-${loading ? 'loading' : 'loaded'}`}
           fullWidth
           disabled={isDisabled}
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connector_detail/attach_index_box.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connector_detail/attach_index_box.tsx
index 2f02db451684e..544928f3aae02 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connector_detail/attach_index_box.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connector_detail/attach_index_box.tsx
@@ -269,6 +269,7 @@ export const AttachIndexBox: React.FC<AttachIndexBoxProps> = ({ connector }) =>
             isInvalid={!!error}
           >
             <EuiComboBox
+              isInvalid={!!error}
               placeholder={i18n.translate(
                 'xpack.enterpriseSearch.attachIndexBox.euiFormRow.indexSelector.placeholder',
                 { defaultMessage: 'Select or create an index' }
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/start_step.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/start_step.tsx
index 93172e3a5c2ac..1c06763ebcbb4 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/start_step.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/start_step.tsx
@@ -127,6 +127,7 @@ export const StartStep: React.FC<StartStepProps> = ({
                   }
                 >
                   <EuiFieldText
+                    isInvalid={!!error}
                     data-test-subj="enterpriseSearchStartStepFieldText"
                     fullWidth
                     name="connectorName"
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/new_index/method_connector/new_connector_template.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/new_index/method_connector/new_connector_template.tsx
index 773c81761944d..279ba4d191ffa 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/new_index/method_connector/new_connector_template.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/new_index/method_connector/new_connector_template.tsx
@@ -117,7 +117,7 @@ export const NewConnectorTemplate: React.FC<Props> = ({
                     )}
                     fullWidth
                     disabled={disabled}
-                    isInvalid={false}
+                    isInvalid={formInvalid}
                     value={rawName}
                     onChange={handleNameChange}
                     autoFocus
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/pipelines/ml_inference/configure_pipeline.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/pipelines/ml_inference/configure_pipeline.tsx
index cc318831555af..9947ed27f37b0 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/pipelines/ml_inference/configure_pipeline.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/pipelines/ml_inference/configure_pipeline.tsx
@@ -94,6 +94,7 @@ export const ConfigurePipeline: React.FC = () => {
               isInvalid={nameError}
             >
               <EuiFieldText
+                isInvalid={nameError}
                 data-telemetry-id={`entSearchContent-${ingestionMethod}-pipelines-configureInferencePipeline-uniqueName`}
                 disabled={inputsDisabled}
                 fullWidth
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/api_key/basic_setup_form.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/api_key/basic_setup_form.tsx
index 42a20a44dd06e..16b2ab5293218 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/api_key/basic_setup_form.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/api_key/basic_setup_form.tsx
@@ -57,6 +57,7 @@ export const BasicSetupForm: React.FC<BasicSetupFormProps> = ({
         })}
       >
         <EuiFieldText
+          isInvalid={!name}
           fullWidth
           isLoading={isLoading}
           value={name}
diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx
index a1ccb763e4ce3..32283a282c85a 100644
--- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx
+++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx
@@ -106,6 +106,7 @@ export const SchemaAddFieldModal: React.FC<Props> = ({
                 isInvalid={!!addFieldFormErrors}
               >
                 <EuiFieldText
+                  isInvalid={!!addFieldFormErrors}
                   placeholder={FIELD_NAME_PLACEHOLDER}
                   onChange={handleChange}
                   value={rawFieldName}
diff --git a/x-pack/solutions/search/plugins/search_query_rules/public/components/overview/create_ruleset_modal.tsx b/x-pack/solutions/search/plugins/search_query_rules/public/components/overview/create_ruleset_modal.tsx
index 3b62093054398..56f683f0bb8e4 100644
--- a/x-pack/solutions/search/plugins/search_query_rules/public/components/overview/create_ruleset_modal.tsx
+++ b/x-pack/solutions/search/plugins/search_query_rules/public/components/overview/create_ruleset_modal.tsx
@@ -100,6 +100,7 @@ export const CreateRulesetModal = ({ onClose }: CreateRulesetModalProps) => {
             }
           >
             <EuiFieldText
+              isInvalid={conflictError}
               data-test-subj="searchRulesetCreateRulesetModalFieldText"
               value={rawName}
               onChange={(e) => {
diff --git a/x-pack/solutions/search/plugins/search_query_rules/public/components/query_ruleset_detail/query_rule_flyout/query_rule_metadata_editor.tsx b/x-pack/solutions/search/plugins/search_query_rules/public/components/query_ruleset_detail/query_rule_flyout/query_rule_metadata_editor.tsx
index 35c0eb8dafbda..cb7c9ff293dd4 100644
--- a/x-pack/solutions/search/plugins/search_query_rules/public/components/query_ruleset_detail/query_rule_flyout/query_rule_metadata_editor.tsx
+++ b/x-pack/solutions/search/plugins/search_query_rules/public/components/query_ruleset_detail/query_rule_flyout/query_rule_metadata_editor.tsx
@@ -88,6 +88,7 @@ export const QueryRuleMetadataEditor: React.FC<QueryRuleMetadataEditorProps> = (
             isDisabled={criteria.type === 'always'}
           >
             <EuiFieldText
+              isInvalid={!!error?.metadata}
               data-test-subj="searchQueryRulesQueryRuleMetadataEditorField"
               fullWidth
               aria-label={i18n.translate(
@@ -265,6 +266,7 @@ export const QueryRuleMetadataEditor: React.FC<QueryRuleMetadataEditorProps> = (
                   error={error?.values ? error.values.message : undefined}
                 >
                   <EuiComboBox
+                    isInvalid={!!error?.values}
                     isDisabled={criteria.type === 'always'}
                     data-test-subj="searchQueryRulesQueryRuleMetadataEditorValues"
                     fullWidth
diff --git a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/connector_config/connector_index_name_form.tsx b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/connector_config/connector_index_name_form.tsx
index ffa1cbd7525c7..759a18f7f3c84 100644
--- a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/connector_config/connector_index_name_form.tsx
+++ b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/connector_config/connector_index_name_form.tsx
@@ -57,6 +57,7 @@ export const ConnectorIndexNameForm: React.FC<ConnectorIndexNameFormProps> = ({
         })}
       >
         <EuiComboBox
+          isInvalid={!!newIndexName && !isValidIndexName(newIndexName)}
           async
           isClearable={false}
           customOptionText={i18n.translate(
diff --git a/x-pack/solutions/security/packages/kbn-securitysolution-autocomplete/src/field_value_match/index.tsx b/x-pack/solutions/security/packages/kbn-securitysolution-autocomplete/src/field_value_match/index.tsx
index a938ad2f7a991..1e5e4bd693795 100644
--- a/x-pack/solutions/security/packages/kbn-securitysolution-autocomplete/src/field_value_match/index.tsx
+++ b/x-pack/solutions/security/packages/kbn-securitysolution-autocomplete/src/field_value_match/index.tsx
@@ -329,6 +329,7 @@ export const AutocompleteFieldMatchComponent: React.FC<AutocompleteFieldMatchPro
             fullWidth
           >
             <EuiFieldNumber
+              isInvalid={selectedField != null && error != null}
               placeholder={inputPlaceholder}
               onBlur={setIsTouchedValue}
               value={
diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/markdown_editor/plugins/insight/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/markdown_editor/plugins/insight/index.tsx
index 0df4424f08928..95fb34896d6fe 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/common/components/markdown_editor/plugins/insight/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/markdown_editor/plugins/insight/index.tsx
@@ -479,6 +479,10 @@ const InsightEditorComponent = ({
               fullWidth
             >
               <EuiFieldText
+                isInvalid={
+                  labelController.field.value !== undefined &&
+                  labelController.field.value.trim().length === 0
+                }
                 {...{
                   ...formMethods.register('label'),
                   ref: null,
diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx
index 7d005c4e00c9e..c6696d0898971 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx
@@ -95,6 +95,7 @@ export const DurationInput = memo(function DurationInputComponent({
       isDisabled={isDisabled}
     >
       <EuiFieldNumber
+        isInvalid={isInvalid}
         css={durationInputStyle}
         append={
           <EuiSelect
diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx
index 155ec457925b1..23fc5b9daf8b9 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx
@@ -144,6 +144,7 @@ export function ScheduleItemField({
       describedByIds={idAria ? [idAria] : undefined}
     >
       <EuiFieldNumber
+        isInvalid={isInvalid}
         append={
           <EuiSelect
             css={timeUnitSelectStyles}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.tsx
index f27ed643794ce..8f735dad0f28c 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.tsx
@@ -80,6 +80,7 @@ export function DataViewSelectorField({ field }: DataViewSelectorProps): JSX.Ele
         data-test-subj="pick-rule-data-source"
       >
         <EuiComboBox
+          isInvalid={isInvalid}
           isDisabled={areDataViewsFetching}
           isClearable
           singleSelection={{ asPlainText: true }}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_exceptions/components/item_comments/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_exceptions/components/item_comments/index.tsx
index 335e0a84e7285..44dfb30e231c5 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_exceptions/components/item_comments/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_exceptions/components/item_comments/index.tsx
@@ -137,6 +137,7 @@ export const ExceptionItemComments = memo(function ExceptionItemComments({
               isInvalid={errorExists}
             >
               <EuiTextArea
+                isInvalid={errorExists}
                 placeholder={i18n.ADD_COMMENT_PLACEHOLDER}
                 aria-label="Comment Input"
                 value={newCommentValue}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/pages/blocklist/view/components/blocklist_form.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/pages/blocklist/view/components/blocklist_form.tsx
index 92c20f17b81cc..4fb1e6530b999 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/management/pages/blocklist/view/components/blocklist_form.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/management/pages/blocklist/view/components/blocklist_form.tsx
@@ -552,6 +552,7 @@ export const BlockListForm = memo<ArtifactFormComponentProps>(
           fullWidth
         >
           <EuiFieldText
+            isInvalid={nameVisited && !!Object.keys(errorsRef.current.name).length}
             name="name"
             value={item.name}
             onChange={handleOnNameChange}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/pages/event_filters/view/components/form.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/pages/event_filters/view/components/form.tsx
index 39f9a59205147..b848df5f6ff1d 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/management/pages/event_filters/view/components/form.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/management/pages/event_filters/view/components/form.tsx
@@ -265,6 +265,7 @@ export const EventFiltersForm: React.FC<ArtifactFormComponentProps & { allowSele
           error={NAME_ERROR}
         >
           <EuiFieldText
+            isInvalid={hasNameError && hasBeenInputNameVisited}
             aria-label={NAME_LABEL}
             id="eventFiltersFormInputName"
             defaultValue={exception?.name ?? ''}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/pages/host_isolation_exceptions/view/components/form.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/pages/host_isolation_exceptions/view/components/form.tsx
index 426f1ebf17bc5..41ec3cbb85d00 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/management/pages/host_isolation_exceptions/view/components/form.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/management/pages/host_isolation_exceptions/view/components/form.tsx
@@ -139,6 +139,7 @@ export const HostIsolationExceptionsForm = memo<ArtifactFormComponentProps>(
           data-test-subj="hostIsolationExceptions-form-name-input-formRow"
         >
           <EuiFieldText
+            isInvalid={hasNameError && hasBeenInputNameVisited}
             id="eventFiltersFormInputName"
             placeholder={NAME_PLACEHOLDER}
             defaultValue={exception.name ?? ''}
@@ -167,6 +168,7 @@ export const HostIsolationExceptionsForm = memo<ArtifactFormComponentProps>(
           data-test-subj="hostIsolationExceptions-form-ip-input-formRow"
         >
           <EuiFieldText
+            isInvalid={hasIpError && hasBeenInputIpVisited}
             id="eventFiltersFormInputName"
             placeholder={IP_PLACEHOLDER}
             defaultValue={(exception.entries?.[0] as ExceptionIpEntry)?.value ?? ''}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/pages/trusted_apps/view/components/form.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/pages/trusted_apps/view/components/form.tsx
index 193f2042a669f..94eda5df73646 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/management/pages/trusted_apps/view/components/form.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/management/pages/trusted_apps/view/components/form.tsx
@@ -476,6 +476,7 @@ export const TrustedAppsForm = memo<ArtifactFormComponentProps>(
           error={validationResult.result.name?.errors}
         >
           <EuiFieldText
+            isInvalid={visited.name && validationResult.result.name?.isInvalid}
             name="name"
             value={item.name}
             onChange={handleOnNameOrDescriptionChange}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/lookups/sub_steps/lookups_file_upload/lookups_file_upload.tsx b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/lookups/sub_steps/lookups_file_upload/lookups_file_upload.tsx
index f631bf04ee5c1..f40a366f062f4 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/lookups/sub_steps/lookups_file_upload/lookups_file_upload.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/lookups/sub_steps/lookups_file_upload/lookups_file_upload.tsx
@@ -122,6 +122,7 @@ export const LookupsFileUpload = React.memo<LookupsFileUploadProps>(
             fullWidth
           >
             <EuiFilePicker
+              isInvalid={errors.length > 0}
               id="lookupsFilePicker"
               ref={filePickerRef as React.Ref<Omit<EuiFilePickerProps, 'stylesMemoizer'>>}
               fullWidth
diff --git a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/macros/sub_steps/macros_file_upload/macros_file_upload.tsx b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/macros/sub_steps/macros_file_upload/macros_file_upload.tsx
index 49940a4eb9b02..04808b0f1bf6a 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/macros/sub_steps/macros_file_upload/macros_file_upload.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/macros/sub_steps/macros_file_upload/macros_file_upload.tsx
@@ -74,6 +74,7 @@ export const MacrosFileUpload = React.memo<MacrosFileUploadProps>(
             fullWidth
           >
             <EuiFilePicker
+              isInvalid={error != null}
               id="macrosFilePicker"
               ref={filePickerRef as React.Ref<Omit<EuiFilePickerProps, 'stylesMemoizer'>>}
               fullWidth
diff --git a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/rules/sub_steps/rules_file_upload/rules_file_upload.tsx b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/rules/sub_steps/rules_file_upload/rules_file_upload.tsx
index c02076c929156..8bb98488fab65 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/rules/sub_steps/rules_file_upload/rules_file_upload.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/data_input_flyout/steps/rules/sub_steps/rules_file_upload/rules_file_upload.tsx
@@ -75,6 +75,7 @@ export const RulesFileUpload = React.memo<RulesFileUploadProps>(
         <EuiFlexItem>
           <EuiFormRow isInvalid={error != null} fullWidth error={error}>
             <EuiFilePicker
+              isInvalid={error != null}
               id="rulesFilePicker"
               ref={filePickerRef as React.Ref<Omit<EuiFilePickerProps, 'stylesMemoizer'>>}
               fullWidth