diff --git a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
index 7ff5a01cb..0c5c00ac9 100644
--- a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
+++ b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
@@ -34,7 +34,7 @@ export default function TableAutoCellRender({
               variant="outline"
               size="sq"
               className={cn(
-                "min-w-min bg-success-background text-success-foreground hover:bg-success-background"
+                "min-w-min bg-success-background text-success-foreground hover:bg-success-background",
               )}
             >
               {value}
@@ -51,7 +51,7 @@ export default function TableAutoCellRender({
   }
 
   return (
-    <div className="group flex h-full w-full items-center align-middle">
+    <div className="group flex h-full w-full items-center truncate align-middle">
       {getCellType()}
     </div>
   );
diff --git a/src/frontend/src/style/classes.css b/src/frontend/src/style/classes.css
index 08226b832..b25da3dfb 100644
--- a/src/frontend/src/style/classes.css
+++ b/src/frontend/src/style/classes.css
@@ -102,8 +102,7 @@ select:-webkit-autofill:focus {
 }
 
 .ag-row .ag-cell {
-  display: flex;
-  align-items: center;
+  align-content: center !important;
 }
 .ag-cell {
   line-height: 1.25rem;