diff --git a/ui/src/app/applications/components/application-node-info/application-node-info.tsx b/ui/src/app/applications/components/application-node-info/application-node-info.tsx
index edd787e0240c1..4d1f2720bf9a9 100644
--- a/ui/src/app/applications/components/application-node-info/application-node-info.tsx
+++ b/ui/src/app/applications/components/application-node-info/application-node-info.tsx
@@ -22,17 +22,18 @@ const RenderContainerState = (props: {container: any}) => {
     return (
         <div className='application-node-info__container'>
             <div className='application-node-info__container--name'>
-                {props.container.state?.running && (
+                {props.container.state?.running ? (
                     <span style={{marginRight: '4px'}}>
                         <i className='fa fa-check-circle' style={{color: 'rgb(24, 190, 148)'}} />
                     </span>
-                )}
-                {(props.container.state.terminated && props.container.state.terminated?.exitCode !== 0) ||
+                ) : (
+                    (props.container.state.terminated && props.container.state.terminated?.exitCode !== 0) ||
                     (lastState && lastState?.exitCode !== 0 && (
                         <span style={{marginRight: '4px'}}>
                             <i className='fa fa-times-circle' style={{color: 'red'}} />
                         </span>
-                    ))}
+                    ))
+                )}
                 {props.container.name}
             </div>
             <div>