use helper text
@@ -315,9 +315,8 @@ class RouteFormRaw extends React.PureComponent<Props, State> {
margin="normal"
validate={[ValidatorRequired, KValidatorHosts]}
placeholder="Type a host"
- />
- <div>
- <span className={classes.secondaryTip}>
+ helperText={
+ <>
Your cluster ip is{" "}
<Link
href="#"
@@ -327,9 +326,11 @@ class RouteFormRaw extends React.PureComponent<Props, State> {
>
{ingressIP}
</Link>
- . If you don't have any DNS record point to this ip, you can use the ip directly in this field.
- </span>
- </div>
+ . If you don't have any DNS record point to this ip, you can use the ip directly in this
+ field.
+ </>
+ }
+ />
<Field
InputLabelProps={{
shrink: true,
