From 9f244452da1f878f79b624d5fe1b69316bc2fa24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 6 Apr 2024 17:53:22 -0500
Subject: [PATCH] feat: max tank name size

---
 src/app/tools/compare/page.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 62fba5e97..32436c9a6 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -399,7 +399,17 @@ export default function Page() {
                             objectFit: 'contain',
                           }}
                         />
-                        <Text style={{ textAlign: 'center' }}>{tank.name}</Text>
+
+                        <Text
+                          style={{
+                            whiteSpace: 'nowrap',
+                            maxWidth: 128,
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                          }}
+                        >
+                          {tank.name}
+                        </Text>
                       </Flex>
                     </Table.ColumnHeaderCell>
                   );