From 5f66020e421fb9150e51fa879b4c6cb65b169b0c Mon Sep 17 00:00:00 2001
From: Dakota Walsh <101994734+dakota-portainer@users.noreply.github.com>
Date: Wed, 1 Mar 2023 12:48:41 +1300
Subject: [PATCH] fix(docker): container health alignment EE-5008 (#8553)

---
 .../containers/ItemView/HealthStatus.tsx      | 46 +++++++++----------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/app/react/docker/containers/ItemView/HealthStatus.tsx b/app/react/docker/containers/ItemView/HealthStatus.tsx
index c45d17c6c..3c3f0119c 100644
--- a/app/react/docker/containers/ItemView/HealthStatus.tsx
+++ b/app/react/docker/containers/ItemView/HealthStatus.tsx
@@ -22,33 +22,29 @@ interface Props {
 
 export function HealthStatus({ health }: Props) {
   return (
-    <div className="row">
-      <div className="col-lg-12 col-md-12 col-xs-12">
-        <TableContainer>
-          <TableTitle label="Container health" icon={Server} />
+    <TableContainer>
+      <TableTitle label="Container health" icon={Server} />
 
-          <DetailsTable>
-            <DetailsTable.Row label="Status">
-              <div className="vertical-center">
-                <Icon
-                  icon={HeartPulse}
-                  mode={StatusMode[health.Status]}
-                  className="space-right"
-                />
-                {health.Status}
-              </div>
-            </DetailsTable.Row>
+      <DetailsTable>
+        <DetailsTable.Row label="Status">
+          <div className="vertical-center">
+            <Icon
+              icon={HeartPulse}
+              mode={StatusMode[health.Status]}
+              className="space-right"
+            />
+            {health.Status}
+          </div>
+        </DetailsTable.Row>
 
-            <DetailsTable.Row label="Failure count">
-              {health.FailingStreak}
-            </DetailsTable.Row>
+        <DetailsTable.Row label="Failure count">
+          {health.FailingStreak}
+        </DetailsTable.Row>
 
-            <DetailsTable.Row label="Last output">
-              {health.Log[health.Log.length - 1].Output}
-            </DetailsTable.Row>
-          </DetailsTable>
-        </TableContainer>
-      </div>
-    </div>
+        <DetailsTable.Row label="Last output">
+          {health.Log[health.Log.length - 1].Output}
+        </DetailsTable.Row>
+      </DetailsTable>
+    </TableContainer>
   );
 }