diff --git a/app/scripts/modules/amazon/src/loadBalancer/configure/application/TargetGroups.tsx b/app/scripts/modules/amazon/src/loadBalancer/configure/application/TargetGroups.tsx index e4a3d455f1e..791114800c4 100644 --- a/app/scripts/modules/amazon/src/loadBalancer/configure/application/TargetGroups.tsx +++ b/app/scripts/modules/amazon/src/loadBalancer/configure/application/TargetGroups.tsx @@ -10,6 +10,8 @@ import { SpInput, ValidationMessage, spelNumberCheck, + Validators, + robotToHuman, } from '@spinnaker/core'; import { IAmazonApplicationLoadBalancer, IAmazonApplicationLoadBalancerUpsertCommand } from 'amazon/domain'; @@ -42,6 +44,15 @@ export class TargetGroups extends React.Component { @@ -79,6 +90,11 @@ export class TargetGroups extends React.Component { const { error, ...inputProps } = props; if (error) { - inputProps.className = inputProps.className ? `${inputProps.className} ` : 'invalid'; + inputProps.className = `${inputProps.className || ''} invalid`; } inputProps.type = inputProps.type || 'text'; return (