diff --git a/src/projects/detail/components/PhaseCard/PhaseCard.jsx b/src/projects/detail/components/PhaseCard/PhaseCard.jsx
index 7a26b20c1..13a6edaf2 100644
--- a/src/projects/detail/components/PhaseCard/PhaseCard.jsx
+++ b/src/projects/detail/components/PhaseCard/PhaseCard.jsx
@@ -225,7 +225,7 @@ class PhaseCard extends React.Component {
                   }
 
                   <div styleName="col hide-md">
-                    {status && (isSimplePlan || status !== PHASE_STATUS_ACTIVE) && !this.props.currentUserRoles.includes(PROJECT_ROLE_CUSTOMER) &&
+                    {status && (isSimplePlan || status !== PHASE_STATUS_ACTIVE) && !hasPermission(PERMISSIONS.EXPAND_ACTIVE_PHASES_BY_DEFAULT) &&
                           (<div styleName="status-details">
                             <div styleName={'status ' + (status ? status.toLowerCase() : '')}>
                               {statusDetails.name}
@@ -233,7 +233,7 @@ class PhaseCard extends React.Component {
                           </div>)
                     }
 
-                    { !isSimplePlan && status && status === PHASE_STATUS_ACTIVE && !this.props.currentUserRoles.includes(PROJECT_ROLE_CUSTOMER) &&
+                    { !isSimplePlan && status && status === PHASE_STATUS_ACTIVE && !hasPermission(PERMISSIONS.EXPAND_ACTIVE_PHASES_BY_DEFAULT) &&
                           (<div styleName="status-details">
                             <div styleName={'status ' + (status ? status.toLowerCase() : '')}>
                               <ProjectProgress