From b2cbf127bae0e11004f5ce54c19b594449cfc647 Mon Sep 17 00:00:00 2001
From: Maxime Beauchamp <maximebeauchamp7@gmail.com>
Date: Wed, 15 May 2024 11:34:48 -0400
Subject: [PATCH] style(deploy-web): fix deployment list styling

---
 .../deployments/DeploymentListRow.tsx          | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/deploy-web/src/components/deployments/DeploymentListRow.tsx b/deploy-web/src/components/deployments/DeploymentListRow.tsx
index ac00d038c..cf46cba02 100644
--- a/deploy-web/src/components/deployments/DeploymentListRow.tsx
+++ b/deploy-web/src/components/deployments/DeploymentListRow.tsx
@@ -181,14 +181,16 @@ export const DeploymentListRow: React.FunctionComponent<Props> = ({ deployment,
   return (
     <>
       <TableRow className="cursor-pointer hover:bg-muted-foreground/10 [&>td]:p-2" onClick={() => viewDeployment()}>
-        <TableCell className="text-center">
-          <SpecDetailList
-            cpuAmount={deployment.cpuAmount}
-            gpuAmount={deployment.gpuAmount}
-            memoryAmount={deployment.memoryAmount}
-            storageAmount={deployment.storageAmount}
-            isActive={isActive}
-          />
+        <TableCell>
+          <div className="flex items-center justify-center">
+            <SpecDetailList
+              cpuAmount={deployment.cpuAmount}
+              gpuAmount={deployment.gpuAmount}
+              memoryAmount={deployment.memoryAmount}
+              storageAmount={deployment.storageAmount}
+              isActive={isActive}
+            />
+          </div>
         </TableCell>
         <TableCell className="max-w-[100px] text-center">{deploymentName}</TableCell>
         <TableCell className="text-center">