Try fade transition for env row
-import { Button, Grid, Icon, Box } from "@material-ui/core";
+import { Button, Grid, Icon, Box, Fade } from "@material-ui/core";
import Immutable from "immutable";
import React from "react";
import { connect, DispatchProp } from "react-redux";
@@ -89,6 +89,7 @@ class RenderEnvs extends React.PureComponent<Props> {
{this.renderAddButton()}
{fields.map((field, index) => {
return (
+ <Fade in>
<Grid container spacing={2}>
<Grid item xs={3}>
<Field
@@ -119,6 +120,7 @@ class RenderEnvs extends React.PureComponent<Props> {
</IconButtonWithTooltip>
</Grid>
</Grid>
+ </Fade>
);
})}
</>
