Merge branch 'bugfix/fix-dark-panel-in-high-level-services-dashbaord-…

…page' into q/124.0
scality · Nov 18, 2022 · f296b9e · f296b9e
2 parents d9367fa + dcee12b
commit f296b9e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/ui/src/components/HealthItem.js b/ui/src/components/HealthItem.js
@@ -74,8 +74,8 @@ const NonHealthyPopUp = styled.div`
 `;
 
 const NonHealthyPopUpTitle = styled.div`
-  font-weight: ${fontWeight.bold}
-  text-align: center;
+  font-weight: ${fontWeight.bold};
+  align-self: center;
 `;
 
 const NonHealthyPopUpItem = styled.div`
@@ -104,7 +104,7 @@ const HealthItem = ({
     (view) => view.view.path === '/alerts',
   );
 
-  if (!alerts.length && status === STATUS_HEALTH)
+  if (!alerts.length && status === STATUS_HEALTH) {
     return (
       <ServiceItemElement aria-label={label}>
         <ServiceItemLabelWrapper>
@@ -113,15 +113,14 @@ const HealthItem = ({
         </ServiceItemLabelWrapper>
       </ServiceItemElement>
     );
-  else
+  } else {
     return (
       <NonHealthyServiceItemElement>
         <Tooltip
           // Right placement to avoid Z index issues between left sidebar and tooltip or out of screen tooltip displays
           placement="top"
           overlayStyle={{
             width: '20rem',
-            height: '100%',
           }}
           overlay={
             <NonHealthyPopUp>
@@ -161,6 +160,7 @@ const HealthItem = ({
         </Tooltip>
       </NonHealthyServiceItemElement>
     );
+  }
 };
 
 export default HealthItem;